#CCCB63

#CCCB63

Color Values

HEX

#CCCB63

RGB

204, 203, 99

HSL

59.4, 50.7%, 59.4%

HSV

59.4, 51.5%, 80.0%

CMYK

0.0%, 0.5%, 51.5%, 20.0%

OKLCH

0.8217 0.1271 108.4

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CCCB63

#6364CC

Analogous

#CC9663

#99CC63

#CCCB63

Triadic

#CCCB63

#63CCCB

#CB63CC

Split Complementary

#CCCB63

#6399CC

#9663CC

Tetradic

#CCCB63

#63CC96

#6364CC

#CC6399

Color Blindness Simulation

Original

#CCCB63

Protanopia

#CCCC7C

Deuteranopia

#CCCC82

Tritanopia

#CC9094

Achromatopsia

#C4C4C4

CSS Usage

background-color: #CCCB63;
color: #CCCB63;
border-color: #CCCB63;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EDEDC9
300
#E1E0A3
400
#D0D071
500
#C0BF3F
600
#9A9932
700
#7B7A28
800
#605F1F
900
#47461A
950
#2D2C11

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.29:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026