#DEF0C7

#DEF0C7

Color Values

HEX

#DEF0C7

RGB

222, 240, 199

HSL

86.3, 57.7%, 86.1%

HSV

86.3, 17.1%, 94.1%

CMYK

7.5%, 0.0%, 17.1%, 5.9%

OKLCH

0.9312 0.0574 126.8

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DEF0C7

#D9C7F0

Analogous

#F0EDC7

#CAF0C7

#DEF0C7

Triadic

#DEF0C7

#C7DEF0

#F0C7DE

Split Complementary

#DEF0C7

#C7CAF0

#EDC7F0

Tetradic

#DEF0C7

#C7F0ED

#D9C7F0

#F0C7CA

Color Blindness Simulation

Original

#DEF0C7

Protanopia

#E6E6D1

Deuteranopia

#E5E3D3

Tritanopia

#DFD9DA

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DEF0C7
300
#C6E59E
400
#A7D76A
500
#89C936
600
#6DA12B
700
#578123
800
#44651B
900
#344A17
950
#212E0F

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.39:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026