#DCE069

#DCE069

Color Values

HEX

#DCE069

RGB

220, 224, 105

HSL

62.0, 65.7%, 64.5%

HSV

62.0, 53.1%, 87.8%

CMYK

1.8%, 0.0%, 53.1%, 12.2%

OKLCH

0.88 0.1422 110.7

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DCE069

#6D69E0

Analogous

#E0A869

#A1E069

#DCE069

Triadic

#DCE069

#69DCE0

#E069DC

Split Complementary

#DCE069

#69A1E0

#A869E0

Tetradic

#DCE069

#69E0A8

#6D69E0

#E069A1

Color Blindness Simulation

Original

#DCE069

Protanopia

#DEDE86

Deuteranopia

#DEDD8D

Tritanopia

#DC9DA2

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F3C4
300
#E7EA9A
400
#DBDF63
500
#CED32C
600
#A5A923
700
#84871C
800
#676A16
900
#4B4D14
950
#2F310D

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.91:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026