#DEF4CF

#DEF4CF

Color Values

HEX

#DEF4CF

RGB

222, 244, 207

HSL

95,7, 62,7%, 88,4%

HSV

95,7, 15,2%, 95,7%

CMYK

9,0%, 0,0%, 15,2%, 4,3%

OKLCH

0,9413 0,0541 132,6

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#DEF4CF

#E5CFF4

Analogous

#F0F4CF

#CFF4D2

#DEF4CF

Triadic

#DEF4CF

#CFDEF4

#F4CFDE

Split Complementary

#DEF4CF

#D2CFF4

#F4CFF0

Tetradic

#DEF4CF

#CFF0F4

#E5CFF4

#F4D2CF

Color Blindness Simulation

Original

#DEF4CF

Protanopia

#E8E8D8

Deuteranopia

#E6E5DA

Tritanopia

#DFDFE1

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EBF7E4
200
#D7F2C5
300
#BBE89B
400
#95DC65
500
#70CF30
600
#5AA626
700
#48851E
800
#386818
900
#2B4C15
950
#1B300D

Contrast Checker

Text on white

1,17:1

AA Fail AAA Fail

Text on black

17,95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026