#BADBB0

#BADBB0

Color Values

HEX

#BADBB0

RGB

186, 219, 176

HSL

106,0, 37,4%, 77,5%

HSV

106,0, 19,6%, 85,9%

CMYK

15,1%, 0,0%, 19,6%, 14,1%

OKLCH

0,8561 0,0681 138,5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BADBB0

#D1B0DB

Analogous

#D0DBB0

#B0DBBC

#BADBB0

Triadic

#BADBB0

#B0BADB

#DBB0BA

Split Complementary

#BADBB0

#BCB0DB

#DBB0D0

Tetradic

#BADBB0

#B0D0DB

#D1B0DB

#DBBCB0

Color Blindness Simulation

Original

#BADBB0

Protanopia

#C8C9BA

Deuteranopia

#C6C4BD

Tritanopia

#BCC3C4

Achromatopsia

#D1D1D1

CSS Usage

background-color: #BADBB0;
color: #BADBB0;
border-color: #BADBB0;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D4E9CE
300
#B6D9AB
400
#8EC47D
500
#66AF50
600
#528C40
700
#417033
800
#335828
900
#284120
950
#192914

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,85: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