#D3F2BA

#D3F2BA

Color Values

HEX

#D3F2BA

RGB

211, 242, 186

HSL

93.2, 68.3%, 83.9%

HSV

93.2, 23.1%, 94.9%

CMYK

12.8%, 0.0%, 23.1%, 5.1%

OKLCH

0.9247 0.0807 131.4

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D3F2BA

#D9BAF2

Analogous

#EFF2BA

#BAF2BD

#D3F2BA

Triadic

#D3F2BA

#BAD3F2

#F2BAD3

Split Complementary

#D3F2BA

#BDBAF2

#F2BAEF

Tetradic

#D3F2BA

#BAEFF2

#D9BAF2

#F2BDBA

Color Blindness Simulation

Original

#D3F2BA

Protanopia

#E0E1C8

Deuteranopia

#DFDCCB

Tritanopia

#D5D2D5

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E3
200
#D9F4C3
300
#BDEC98
400
#9AE160
500
#76D728
600
#5FAC20
700
#4C891A
800
#3B6B14
900
#2D4E13
950
#1D310C

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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