#DCEAD6

#DCEAD6

Color Values

HEX

#DCEAD6

RGB

220, 234, 214

HSL

102.0, 32.3%, 87.8%

HSV

102.0, 8.5%, 91.8%

CMYK

6.0%, 0.0%, 8.5%, 8.2%

OKLCH

0.9211 0.0306 136.1

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DCEAD6

#E4D6EA

Analogous

#E6EAD6

#D6EADA

#DCEAD6

Triadic

#DCEAD6

#D6DCEA

#EAD6DC

Split Complementary

#DCEAD6

#DAD6EA

#EAD6E6

Tetradic

#DCEAD6

#D6E6EA

#E4D6EA

#EADAD6

Color Blindness Simulation

Original

#DCEAD6

Protanopia

#E2E2DB

Deuteranopia

#E1E0DC

Tritanopia

#DDDFE0

Achromatopsia

#E6E6E6

CSS Usage

background-color: #DCEAD6;
color: #DCEAD6;
border-color: #DCEAD6;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F7F9F5
100
#EBF2E8
200
#D7E7D0
300
#BAD6AE
400
#94BF82
500
#6FA956
600
#598745
700
#476C37
800
#38542B
900
#2B3F22
950
#1B2716

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.78:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026