#DEF9C0

#DEF9C0

Color Values

HEX

#DEF9C0

RGB

222, 249, 192

HSL

88.4, 82.6%, 86.5%

HSV

88.4, 22.9%, 97.6%

CMYK

10.8%, 0.0%, 22.9%, 2.4%

OKLCH

0.9483 0.0797 128.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DEF9C0

#DBC0F9

Analogous

#F9F7C0

#C2F9C0

#DEF9C0

Triadic

#DEF9C0

#C0DEF9

#F9C0DE

Split Complementary

#DEF9C0

#C0C2F9

#F7C0F9

Tetradic

#DEF9C0

#C0F9F7

#DBC0F9

#F9C0C2

Color Blindness Simulation

Original

#DEF9C0

Protanopia

#EAEACE

Deuteranopia

#E8E6D1

Tritanopia

#DFD9DB

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DDF9BE
300
#C4F48F
400
#A5EF53
500
#85E916
600
#6ABA12
700
#55950E
800
#43740B
900
#32540C
950
#203508

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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