#DCE0BB

#DCE0BB

Color Values

HEX

#DCE0BB

RGB

220, 224, 187

HSL

66.5, 37.4%, 80.6%

HSV

66.5, 16.5%, 87.8%

CMYK

1.8%, 0.0%, 16.5%, 12.2%

OKLCH

0.8941 0.0492 112.4

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DCE0BB

#BFBBE0

Analogous

#E0D2BB

#CAE0BB

#DCE0BB

Triadic

#DCE0BB

#BBDCE0

#E0BBDC

Split Complementary

#DCE0BB

#BBCAE0

#D2BBE0

Tetradic

#DCE0BB

#BBE0D2

#BFBBE0

#E0BBCA

Color Blindness Simulation

Original

#DCE0BB

Protanopia

#DEDEC4

Deuteranopia

#DEDDC6

Tritanopia

#DCCBCD

Achromatopsia

#DCDCDC

CSS Usage

background-color: #DCE0BB;
color: #DCE0BB;
border-color: #DCE0BB;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E6E9CE
300
#D4D9AB
400
#BCC47D
500
#A5AF50
600
#848C40
700
#6A7033
800
#525828
900
#3D4120
950
#272914

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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