#DEF9BF

#DEF9BF

Color Values

HEX

#DEF9BF

RGB

222, 249, 191

HSL

87.9, 82.9%, 86.3%

HSV

87.9, 23.3%, 97.6%

CMYK

10.8%, 0.0%, 23.3%, 2.4%

OKLCH

0.9481 0.0809 128.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DEF9BF

#DABFF9

Analogous

#F9F7BF

#C1F9BF

#DEF9BF

Triadic

#DEF9BF

#BFDEF9

#F9BFDE

Split Complementary

#DEF9BF

#BFC1F9

#F7BFF9

Tetradic

#DEF9BF

#BFF9F7

#DABFF9

#F9BFC1

Color Blindness Simulation

Original

#DEF9BF

Protanopia

#EAEACD

Deuteranopia

#E8E6D0

Tritanopia

#DFD8DB

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DDF9BE
300
#C5F58F
400
#A6EF52
500
#87E916
600
#6CBB11
700
#56950E
800
#43750B
900
#33550C
950
#203508

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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