#D6F8BC

#D6F8BC

Color Values

HEX

#D6F8BC

RGB

214, 248, 188

HSL

94.0, 81.1%, 85.5%

HSV

94.0, 24.2%, 97.3%

CMYK

13.7%, 0.0%, 24.2%, 2.7%

OKLCH

0.9398 0.0864 131.9

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D6F8BC

#DEBCF8

Analogous

#F4F8BC

#BCF8C0

#D6F8BC

Triadic

#D6F8BC

#BCD6F8

#F8BCD6

Split Complementary

#D6F8BC

#C0BCF8

#F8BCF4

Tetradic

#D6F8BC

#BCF4F8

#DEBCF8

#F8C0BC

Color Blindness Simulation

Original

#D6F8BC

Protanopia

#E5E5CB

Deuteranopia

#E3E0CE

Tritanopia

#D8D6D8

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECF9E1
200
#D7F8BE
300
#BBF390
400
#96ED54
500
#72E718
600
#5BB913
700
#49940F
800
#39730C
900
#2C540D
950
#1C3508

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

18.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026