#DCE37C

#DCE37C

Color Values

HEX

#DCE37C

RGB

220, 227, 124

HSL

64.1, 64.8%, 68.8%

HSV

64.1, 45.4%, 89.0%

CMYK

3.1%, 0.0%, 45.4%, 11.0%

OKLCH

0.8888 0.1272 112.1

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DCE37C

#837CE3

Analogous

#E3B67C

#A8E37C

#DCE37C

Triadic

#DCE37C

#7CDCE3

#E37CDC

Split Complementary

#DCE37C

#7CA8E3

#B67CE3

Tetradic

#DCE37C

#7CE3B6

#837CE3

#E37CA8

Color Blindness Simulation

Original

#DCE37C

Protanopia

#DFDF95

Deuteranopia

#DFDE9B

Tritanopia

#DCA9AD

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#EFF2C4
300
#E4E99A
400
#D5DE64
500
#C7D22D
600
#9FA824
700
#7F861D
800
#636916
900
#494D14
950
#2E300D

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.32: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