#DFEBC0

#DFEBC0

Color Values

HEX

#DFEBC0

RGB

223, 235, 192

HSL

76.7, 51.8%, 83.7%

HSV

76.7, 18.3%, 92.2%

CMYK

5.1%, 0.0%, 18.3%, 7.8%

OKLCH

0.92 0.0581 120.2

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DFEBC0

#CCC0EB

Analogous

#EBE1C0

#C9EBC0

#DFEBC0

Triadic

#DFEBC0

#C0DFEB

#EBC0DF

Split Complementary

#DFEBC0

#C0C9EB

#E1C0EB

Tetradic

#DFEBC0

#C0EBE1

#CCC0EB

#EBC0C9

Color Blindness Simulation

Original

#DFEBC0

Protanopia

#E4E4CA

Deuteranopia

#E4E3CD

Tritanopia

#E0D3D4

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E5
200
#E3EEC9
300
#D0E2A2
400
#B6D270
500
#9DC23D
600
#7D9B31
700
#647C27
800
#4E611F
900
#3A471A
950
#252D10

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

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