#D6ECBC

#D6ECBC

Color Values

HEX

#D6ECBC

RGB

214, 236, 188

HSL

87.5, 55.8%, 83.1%

HSV

87.5, 20.3%, 92.5%

CMYK

9.3%, 0.0%, 20.3%, 7.5%

OKLCH

0.9146 0.0676 127.7

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#D6ECBC

#D2BCEC

Analogous

#ECEABC

#BEECBC

#D6ECBC

Triadic

#D6ECBC

#BCD6EC

#ECBCD6

Split Complementary

#D6ECBC

#BCBEEC

#EABCEC

Tetradic

#D6ECBC

#BCECEA

#D2BCEC

#ECBCBE

Color Blindness Simulation

Original

#D6ECBC

Protanopia

#E0E0C8

Deuteranopia

#DEDDCA

Tritanopia

#D7D1D3

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E5
200
#DDEFC7
300
#C5E4A0
400
#A5D56C
500
#85C738
600
#6B9F2D
700
#557F24
800
#43631C
900
#324918
950
#202E0F

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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