#DCE96C

#DCE96C

Color Values

HEX

#DCE96C

RGB

220, 233, 108

HSL

66.2, 74.0%, 66.9%

HSV

66.2, 53.6%, 91.4%

CMYK

5.6%, 0.0%, 53.6%, 8.6%

OKLCH

0.8995 0.1497 114.4

Properties

Cool Light Nearest: khaki 1

Color Harmonies

Complementary

#DCE96C

#796CE9

Analogous

#E9B86C

#9EE96C

#DCE96C

Triadic

#DCE96C

#6CDCE9

#E96CDC

Split Complementary

#DCE96C

#6C9EE9

#B86CE9

Tetradic

#DCE96C

#6CE9B8

#796CE9

#E96C9E

Color Blindness Simulation

Original

#DCE96C

Protanopia

#E2E28A

Deuteranopia

#E1E092

Tritanopia

#DDA2A7

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#F0F6C1
300
#E6EF95
400
#D8E65B
500
#CADE21
600
#A2B11B
700
#828E15
800
#656F11
900
#4A5110
950
#2F330A

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026