#DEF8C0

#DEF8C0

Color Values

HEX

#DEF8C0

RGB

222, 248, 192

HSL

87.9, 80.0%, 86.3%

HSV

87.9, 22.6%, 97.3%

CMYK

10.5%, 0.0%, 22.6%, 2.7%

OKLCH

0.9462 0.0782 128.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DEF8C0

#DAC0F8

Analogous

#F8F6C0

#C2F8C0

#DEF8C0

Triadic

#DEF8C0

#C0DEF8

#F8C0DE

Split Complementary

#DEF8C0

#C0C2F8

#F6C0F8

Tetradic

#DEF8C0

#C0F8F6

#DAC0F8

#F8C0C2

Color Blindness Simulation

Original

#DEF8C0

Protanopia

#E9E9CE

Deuteranopia

#E8E6D1

Tritanopia

#DFD8DB

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEF9E1
200
#DDF8BF
300
#C5F391
400
#A6EC55
500
#87E619
600
#6CB814
700
#569310
800
#43730D
900
#33530E
950
#203509

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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