#BADBB9

#BADBB9

Color Values

HEX

#BADBB9

RGB

186, 219, 185

HSL

118.2, 32.1%, 79.2%

HSV

118.2, 15.5%, 85.9%

CMYK

15.1%, 0.0%, 15.5%, 14.1%

OKLCH

0.8582 0.0581 144.3

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BADBB9

#DAB9DB

Analogous

#CBDBB9

#B9DBC9

#BADBB9

Triadic

#BADBB9

#B9BADB

#DBB9BA

Split Complementary

#BADBB9

#C9B9DB

#DBB9CB

Tetradic

#BADBB9

#B9CBDB

#DAB9DB

#DBC9B9

Color Blindness Simulation

Original

#BADBB9

Protanopia

#C8C9C1

Deuteranopia

#C6C4C3

Tritanopia

#BCC8C9

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5F9F5
100
#E9F2E8
200
#D1E7D0
300
#AFD5AE
400
#84BF82
500
#59A857
600
#478745
700
#396C37
800
#2D542B
900
#233E22
950
#162716

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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