#DCEF9A

#DCEF9A

Color Values

HEX

#DCEF9A

RGB

220, 239, 154

HSL

73.4, 72.6%, 77.1%

HSV

73.4, 35.6%, 93.7%

CMYK

7.9%, 0.0%, 35.6%, 6.3%

OKLCH

0.9187 0.1101 118.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DCEF9A

#AD9AEF

Analogous

#EFD89A

#B2EF9A

#DCEF9A

Triadic

#DCEF9A

#9ADCEF

#EF9ADC

Split Complementary

#DCEF9A

#9AB2EF

#D89AEF

Tetradic

#DCEF9A

#9AEFD8

#AD9AEF

#EF9AB2

Color Blindness Simulation

Original

#DCEF9A

Protanopia

#E4E4AF

Deuteranopia

#E3E2B4

Tritanopia

#DDBFC2

Achromatopsia

#E5E5E5

CSS Usage

background-color: #DCEF9A;
color: #DCEF9A;
border-color: #DCEF9A;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFCF3
100
#F3F8E2
200
#EAF5C1
300
#DAEE95
400
#C7E55C
500
#B3DC23
600
#8FB01C
700
#728D16
800
#596E11
900
#425011
950
#2A330B

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026