#DEF6BE

#DEF6BE

Color Values

HEX

#DEF6BE

RGB

222, 246, 190

HSL

85.7, 75.7%, 85.5%

HSV

85.7, 22.8%, 96.5%

CMYK

9.8%, 0.0%, 22.8%, 3.5%

OKLCH

0.9416 0.0775 126.7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DEF6BE

#D6BEF6

Analogous

#F6F2BE

#C2F6BE

#DEF6BE

Triadic

#DEF6BE

#BEDEF6

#F6BEDE

Split Complementary

#DEF6BE

#BEC2F6

#F2BEF6

Tetradic

#DEF6BE

#BEF6F2

#D6BEF6

#F6BEC2

Color Blindness Simulation

Original

#DEF6BE

Protanopia

#E8E9CC

Deuteranopia

#E7E5CF

Tritanopia

#DFD6D9

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EFF9E2
200
#DFF6C0
300
#C8F093
400
#ABE859
500
#8DE01F
600
#71B319
700
#5A8F14
800
#47700F
900
#35510F
950
#22330A

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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