#DEFCBC

#DEFCBC

Color Values

HEX

#DEFCBC

RGB

222, 252, 188

HSL

88.1, 91.4%, 86.3%

HSV

88.1, 25.4%, 98.8%

CMYK

11.9%, 0.0%, 25.4%, 1.2%

OKLCH

0.9538 0.0889 128.4

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DEFCBC

#DABCFC

Analogous

#FCFABC

#BEFCBC

#DEFCBC

Triadic

#DEFCBC

#BCDEFC

#FCBCDE

Split Complementary

#DEFCBC

#BCBEFC

#FABCFC

Tetradic

#DEFCBC

#BCFCFA

#DABCFC

#FCBCBE

Color Blindness Simulation

Original

#DEFCBC

Protanopia

#EBEBCB

Deuteranopia

#E9E7CF

Tritanopia

#DFD8DA

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DDFCBB
300
#C5FA8A
400
#A6F74A
500
#87F40B
600
#6CC309
700
#569C07
800
#437A05
900
#335809
950
#203805

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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