#DCE5BA

#DCE5BA

Color Values

HEX

#DCE5BA

RGB

220, 229, 186

HSL

72.6, 45.3%, 81.4%

HSV

72.6, 18.8%, 89.8%

CMYK

3.9%, 0.0%, 18.8%, 10.2%

OKLCH

0.9041 0.0576 117.2

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DCE5BA

#C3BAE5

Analogous

#E5D9BA

#C7E5BA

#DCE5BA

Triadic

#DCE5BA

#BADCE5

#E5BADC

Split Complementary

#DCE5BA

#BAC7E5

#D9BAE5

Tetradic

#DCE5BA

#BAE5D9

#C3BAE5

#E5BAC7

Color Blindness Simulation

Original

#DCE5BA

Protanopia

#E0E0C4

Deuteranopia

#DFDFC7

Tritanopia

#DCCDCE

Achromatopsia

#E0E0E0

CSS Usage

background-color: #DCE5BA;
color: #DCE5BA;
border-color: #DCE5BA;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FAF4
100
#F1F4E6
200
#E5EBCB
300
#D2DEA6
400
#B9CB76
500
#A1B946
600
#819438
700
#67772D
800
#505D23
900
#3C441D
950
#262B12

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.96:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026