#DEF3CD

#DEF3CD

Color Values

HEX

#DEF3CD

RGB

222, 243, 205

HSL

93.2, 61.3%, 87.8%

HSV

93.2, 15.6%, 95.3%

CMYK

8.6%, 0.0%, 15.6%, 4.7%

OKLCH

0.9388 0.0549 131.1

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#DEF3CD

#E2CDF3

Analogous

#F1F3CD

#CDF3CF

#DEF3CD

Triadic

#DEF3CD

#CDDEF3

#F3CDDE

Split Complementary

#DEF3CD

#CFCDF3

#F3CDF1

Tetradic

#DEF3CD

#CDF1F3

#E2CDF3

#F3CFCD

Color Blindness Simulation

Original

#DEF3CD

Protanopia

#E7E7D6

Deuteranopia

#E6E4D8

Tritanopia

#DFDDDF

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F1C5
300
#BEE79C
400
#9ADA67
500
#77CE31
600
#5FA527
700
#4C8420
800
#3C6719
900
#2E4B16
950
#1D2F0E

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.81: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