#DFEABF

#DFEABF

Color Values

HEX

#DFEABF

RGB

223, 234, 191

HSL

75.3, 50.6%, 83.3%

HSV

75.3, 18.4%, 91.8%

CMYK

4.7%, 0.0%, 18.4%, 8.2%

OKLCH

0.9178 0.0579 119.2

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DFEABF

#CABFEA

Analogous

#EADFBF

#C9EABF

#DFEABF

Triadic

#DFEABF

#BFDFEA

#EABFDF

Split Complementary

#DFEABF

#BFC9EA

#DFBFEA

Tetradic

#DFEABF

#BFEADF

#CABFEA

#EABFC9

Color Blindness Simulation

Original

#DFEABF

Protanopia

#E4E4C9

Deuteranopia

#E3E2CC

Tritanopia

#E0D2D3

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E5
200
#E4EDC9
300
#D1E1A3
400
#B8D071
500
#9FC03F
600
#7F9A32
700
#667B28
800
#50601F
900
#3B471A
950
#252D11

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026