#DFF6BD

#DFF6BD

Color Values

HEX

#DFF6BD

RGB

223, 246, 189

HSL

84.2, 76.0%, 85.3%

HSV

84.2, 23.2%, 96.5%

CMYK

9.3%, 0.0%, 23.2%, 3.5%

OKLCH

0.9421 0.0783 125.7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DFF6BD

#D4BDF6

Analogous

#F6F0BD

#C3F6BD

#DFF6BD

Triadic

#DFF6BD

#BDDFF6

#F6BDDF

Split Complementary

#DFF6BD

#BDC3F6

#F0BDF6

Tetradic

#DFF6BD

#BDF6F0

#D4BDF6

#F6BDC3

Color Blindness Simulation

Original

#DFF6BD

Protanopia

#E9E9CB

Deuteranopia

#E8E6CE

Tritanopia

#E0D6D8

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EFF9E2
200
#E1F6C0
300
#CBF093
400
#AFE859
500
#92E01F
600
#75B418
700
#5E9014
800
#49700F
900
#37520F
950
#23340A

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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