#CCD067

#CCD067

Color Values

HEX

#CCD067

RGB

204, 208, 103

HSL

62.3, 52.8%, 61.0%

HSV

62.3, 50.5%, 81.6%

CMYK

1.9%, 0.0%, 50.5%, 18.4%

OKLCH

0.8329 0.1289 110.9

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CCD067

#6B67D0

Analogous

#D0A067

#98D067

#CCD067

Triadic

#CCD067

#67CCD0

#D067CC

Split Complementary

#CCD067

#6798D0

#A067D0

Tetradic

#CCD067

#67D0A0

#6B67D0

#D06798

Color Blindness Simulation

Original

#CCD067

Protanopia

#CECE80

Deuteranopia

#CECD86

Tritanopia

#CC9499

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EDEEC8
300
#E0E2A1
400
#CFD26F
500
#BEC33C
600
#989C30
700
#797D27
800
#5F611E
900
#464719
950
#2C2D10

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026