0 views

#ccf83c - Color Information

#ccf83c

Base Information

HEX

#ccf83c

RGB

204,248,60

HSL

74,93,60

HSV

74,76,97

CMYK

18,0,76,3

LAB

92,-38,79

LCH

92,87,115

XYZ

59,80,17

Web Safe

#ccff33

Web Smart

#ccff44

is dark

luminosity

0.8030

Pantone Color

Combinations

#ccf83c complementary
Colors that are opposite to each other, forming a contrasting pair.

#ccf83c

#683CF8

#ccf83c splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccf83c

#3C6EF8

#C63CF8

#ccf83c triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccf83c

#3CCCF8

#F83CCC

#ccf83c tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccf83c

#3CF8C6

#683CF8

#F83C6E

#ccf83c analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccf83c

#683CF8

#3C6EF8

#C63CF8

#ccf83c analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#ccf83c

#6EF83C

#3CF868

#3CF8C6

Shades

#ccf83c Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#CCF83C

#D1F950

#D6F963

#DBFA77

#E0FB8A

#E6FC9E

#EBFCB1

#F0FDC5

#F5FED8

#FAFEEC

#ccf83c Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#CCF83C

#C4EC43

#BDE04A

#B5D450

#AEC857

#A6BC5E

#9EB065

#97A46C

#8F9872

#888C79

#ccf83c Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#CCF83C

#B8DF36

#A3C630

#8FAE2A

#7A9524

#667C1E

#526318

#3D4A12

#29320C

#141906

#ccf83c Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#CCF83C

#D1DF36

#D6C630

#DBAE2A

#E09524

#E67C1E

#EB6318

#F04A12

#F5320C

#FA1906

#ccf83c Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#CCF83C

#B8EC36

#A3E030

#8FD42A

#7AC824

#66BC1E

#52B018

#3DA412

#29980C

#148C06

#ccf83c Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#CCF83C

#B8DF50

#A3C663

#8FAE77

#7A958A

#667C9E

#5263B1

#3D4AC5

#2932D8

#1419EC

Readability Analysis

#ccf83c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.06	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.17	A	Sample Text
Blue	6.98	AA	Sample Text

#ccf83c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.06	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.17	A	Sample Text
Blue	6.98	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eced62`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecea90`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#daedb4`
Protanopia	No red perception - Dichromacy	`#ffe778`
Deuteranopia	No green perception - Dichromacy	`#ffe3c0`
Tritanopia	No blue perception - Dichromacy	`#e1e7f9`
Achromatomaly	Partial color blindness - Monochromacy	`#d9e9a5`
Achromatopsia	Complete color blindness - Monochromacy	`#e1e1e1`

#ccf83c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#ccf83c complementaryColors that are opposite to each other, forming a contrasting pair.

#ccf83c splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccf83c triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccf83c tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccf83c analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccf83c analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#ccf83c Light Tints

#ccf83c Gray Shades

#ccf83c Dark Shades

#ccf83c Red Shades

#ccf83c Green Shades

#ccf83c Blue Shades

Readability Analysis

#ccf83c as Text Color

#ccf83c as Background Color

Color Blindness Simulation

#ccf83c complementary
Colors that are opposite to each other, forming a contrasting pair.

#ccf83c splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccf83c triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccf83c tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccf83c analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccf83c analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.