0 views

#ccd21f - Color Information

#ccd21f

Base Information

HEX

#ccd21f

RGB

204,210,31

HSL

62,74,47

HSV

62,85,82

CMYK

3,0,85,18

LAB

81,-21,77

LCH

81,80,105

XYZ

48,59,10

Web Safe

#cccc33

Web Smart

#cccc22

is dark

luminosity

0.5903

Pantone Color

Combinations

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

#ccd21f

#251FD2

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

#ccd21f

#1F72D2

#7E1FD2

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

#ccd21f

#1FCCD2

#D21FCC

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

#ccd21f

#1FD27E

#251FD2

#D21F72

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

#ccd21f

#251FD2

#1F72D2

#7E1FD2

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

#ccd21f

#72D21F

#1FD225

#1FD27E

Shades

#ccd21f Light Tints

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

#CCD21F

#D1D735

#D6DB4C

#DBE062

#E0E479

#E6E98F

#EBEDA5

#F0F2BC

#F5F6D2

#FAFBE9

#ccd21f Gray Shades

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

#CCD21F

#C4CA29

#BDC232

#B5B93C

#AEB146

#A6A950

#9EA159

#979963

#8F906D

#888876

#ccd21f Dark Shades

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

#CCD21F

#B8BD1C

#A3A819

#8F9316

#7A7E13

#666910

#52540C

#3D3F09

#292A06

#141503

#ccd21f Red Shades

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

#CCD21F

#D1BD1C

#D6A819

#DB9316

#E07E13

#E66910

#EB540C

#F03F09

#F52A06

#FA1503

#ccd21f Green Shades

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

#CCD21F

#B8CA1C

#A3C219

#8FB916

#7AB113

#66A910

#52A10C

#3D9909

#299006

#148803

#ccd21f Blue Shades

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

#CCD21F

#B8BD35

#A3A84C

#8F9362

#7A7E79

#66698F

#5254A5

#3D3FBC

#292AD2

#1415E9

Readability Analysis

#ccd21f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.81	AAA	Sample Text
Red	2.44	Fail	Sample Text
Green	3.13	A	Sample Text
Blue	5.24	AA	Sample Text

#ccd21f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.81	AAA	Sample Text
Red	2.44	Fail	Sample Text
Green	3.13	A	Sample Text
Blue	5.24	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dbcc21`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecc52a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5c890`
Protanopia	No red perception - Dichromacy	`#e3c922`
Deuteranopia	No green perception - Dichromacy	`#ffbe31`
Tritanopia	No blue perception - Dichromacy	`#dbc2d1`
Achromatomaly	Partial color blindness - Monochromacy	`#c7c988`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#ccd21f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd21f Light Tints

#ccd21f Gray Shades

#ccd21f Dark Shades

#ccd21f Red Shades

#ccd21f Green Shades

#ccd21f Blue Shades

Readability Analysis

#ccd21f as Text Color

#ccd21f as Background Color

Color Blindness Simulation

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

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

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

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

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

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