0 views

#ccd15f - Color Information

#ccd15f

Base Information

HEX

#ccd15f

RGB

204,209,95

HSL

63,55,60

HSV

63,55,82

CMYK

2,0,55,18

LAB

81,-17,55

LCH

81,58,107

XYZ

50,59,20

Web Safe

#cccc66

Web Smart

#cccc66

is dark

luminosity

0.5926

Pantone Color

Combinations

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

#ccd15f

#645FD1

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

#ccd15f

#5F93D1

#9D5FD1

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

#ccd15f

#5FCCD1

#D15FCC

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

#ccd15f

#5FD19D

#645FD1

#D15F93

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

#ccd15f

#645FD1

#5F93D1

#9D5FD1

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

#ccd15f

#93D15F

#5FD164

#5FD19D

Shades

#ccd15f Light Tints

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

#CCD15F

#D1D66F

#D6DA7F

#DBDF8F

#E0E39F

#E6E8AF

#EBEDBF

#F0F1CF

#F5F6DF

#FAFAEF

#ccd15f Gray Shades

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

#CCD15F

#C4C962

#BDC166

#B5B969

#AEB16C

#A6A970

#9EA073

#979876

#8F9079

#88887D

#ccd15f Dark Shades

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

#CCD15F

#B8BC56

#A3A74C

#8F9243

#7A7D39

#666930

#525426

#3D3F1C

#292A13

#141509

#ccd15f Red Shades

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

#CCD15F

#D1BC56

#D6A74C

#DB9243

#E07D39

#E66930

#EB5426

#F03F1C

#F52A13

#FA1509

#ccd15f Green Shades

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

#CCD15F

#B8C956

#A3C14C

#8FB943

#7AB139

#66A930

#52A026

#3D981C

#299013

#148809

#ccd15f Blue Shades

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

#CCD15F

#B8BC6F

#A3A77F

#8F928F

#7A7D9F

#6669AF

#5254BF

#3D3FCF

#292ADF

#1415EF

Readability Analysis

#ccd15f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.85	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.14	A	Sample Text
Blue	5.26	AA	Sample Text

#ccd15f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.85	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.14	A	Sample Text
Blue	5.26	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d9cc5e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e9c663`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d4c8a8`
Protanopia	No red perception - Dichromacy	`#e0c95d`
Deuteranopia	No green perception - Dichromacy	`#fabf65`
Tritanopia	No blue perception - Dichromacy	`#d9c3d2`
Achromatomaly	Partial color blindness - Monochromacy	`#c9cba2`
Achromatopsia	Complete color blindness - Monochromacy	`#c8c8c8`

#ccd15f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd15f Light Tints

#ccd15f Gray Shades

#ccd15f Dark Shades

#ccd15f Red Shades

#ccd15f Green Shades

#ccd15f Blue Shades

Readability Analysis

#ccd15f as Text Color

#ccd15f as Background Color

Color Blindness Simulation

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

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

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

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

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

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