#DEF7D8

#DEF7D8

Color Values

HEX

#DEF7D8

RGB

222, 247, 216

HSL

108.4, 66.0%, 90.8%

HSV

108.4, 12.6%, 96.9%

CMYK

10.1%, 0.0%, 12.6%, 3.1%

OKLCH

0.9497 0.0487 139.6

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#DEF7D8

#F1D8F7

Analogous

#EEF7D8

#D8F7E2

#DEF7D8

Triadic

#DEF7D8

#D8DEF7

#F7D8DE

Split Complementary

#DEF7D8

#E2D8F7

#F7D8EE

Tetradic

#DEF7D8

#D8EEF7

#F1D8F7

#F7E2D8

Color Blindness Simulation

Original

#DEF7D8

Protanopia

#E9E9DF

Deuteranopia

#E7E5E1

Tritanopia

#DFE5E7

Achromatopsia

#EFEFEF

CSS Usage

background-color: #DEF7D8;
color: #DEF7D8;
border-color: #DEF7D8;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F5FCF3
100
#E7F7E3
200
#CDF3C4
300
#A9EA99
400
#7ADF62
500
#4CD42B
600
#3DA923
700
#31871C
800
#266A16
900
#1F4D14
950
#13310C

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026