#DFECB7

#DFECB7

Color Values

HEX

#DFECB7

RGB

223, 236, 183

HSL

74.7, 58.2%, 82.2%

HSV

74.7, 22.5%, 92.5%

CMYK

5.5%, 0.0%, 22.5%, 7.5%

OKLCH

0.9201 0.0707 119.0

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DFECB7

#C4B7EC

Analogous

#ECDFB7

#C5ECB7

#DFECB7

Triadic

#DFECB7

#B7DFEC

#ECB7DF

Split Complementary

#DFECB7

#B7C5EC

#DFB7EC

Tetradic

#DFECB7

#B7ECDF

#C4B7EC

#ECB7C5

Color Blindness Simulation

Original

#DFECB7

Protanopia

#E5E5C4

Deuteranopia

#E4E3C7

Tritanopia

#E0CED0

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F2F6E4
200
#E6F0C7
300
#D4E59E
400
#BDD86A
500
#A5CA35
600
#84A12B
700
#6A8122
800
#53651B
900
#3D4A17
950
#272F0F

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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