#DEF6BD

#DEF6BD

Color Values

HEX

#DEF6BD

RGB

222, 246, 189

HSL

85.3, 76.0%, 85.3%

HSV

85.3, 23.2%, 96.5%

CMYK

9.8%, 0.0%, 23.2%, 3.5%

OKLCH

0.9414 0.0786 126.4

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DEF6BD

#D5BDF6

Analogous

#F6F2BD

#C1F6BD

#DEF6BD

Triadic

#DEF6BD

#BDDEF6

#F6BDDE

Split Complementary

#DEF6BD

#BDC1F6

#F2BDF6

Tetradic

#DEF6BD

#BDF6F2

#D5BDF6

#F6BDC1

Color Blindness Simulation

Original

#DEF6BD

Protanopia

#E8E9CB

Deuteranopia

#E7E5CE

Tritanopia

#DFD6D8

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EFF9E2
200
#E0F6C0
300
#C9F093
400
#ACE859
500
#8FE01F
600
#72B418
700
#5B9014
800
#47700F
900
#36520F
950
#22340A

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

18.02:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026