#D3F0BC

#D3F0BC

Color Values

HEX

#D3F0BC

RGB

211, 240, 188

HSL

93.5, 63.4%, 83.9%

HSV

93.5, 21.7%, 94.1%

CMYK

12.1%, 0.0%, 21.7%, 5.9%

OKLCH

0.9209 0.0752 131.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D3F0BC

#D9BCF0

Analogous

#EDF0BC

#BCF0BF

#D3F0BC

Triadic

#D3F0BC

#BCD3F0

#F0BCD3

Split Complementary

#D3F0BC

#BFBCF0

#F0BCED

Tetradic

#D3F0BC

#BCEDF0

#D9BCF0

#F0BFBC

Color Blindness Simulation

Original

#D3F0BC

Protanopia

#E0E0C9

Deuteranopia

#DEDCCC

Tritanopia

#D4D3D5

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D9F2C5
300
#BDE99B
400
#9ADC65
500
#76D02F
600
#5EA725
700
#4C851E
800
#3B6817
900
#2D4C15
950
#1D300D

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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