#BADBBA

#BADBBA

Color Values

HEX

#BADBBA

RGB

186, 219, 186

HSL

120,0, 31,4%, 79,4%

HSV

120,0, 15,1%, 85,9%

CMYK

15,1%, 0,0%, 15,1%, 14,1%

OKLCH

0,8585 0,0571 145,1

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BADBBA

#DBBADB

Analogous

#CADBBA

#BADBCA

#BADBBA

Triadic

#BADBBA

#BABADB

#DBBABA

Split Complementary

#BADBBA

#CABADB

#DBBACA

Tetradic

#BADBBA

#BACADB

#DBBADB

#DBCABA

Color Blindness Simulation

Original

#BADBBA

Protanopia

#C8C9C2

Deuteranopia

#C6C4C4

Tritanopia

#BCC8CA

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5F9F5
100
#E8F2E8
200
#D0E7D0
300
#AFD5AF
400
#83BE83
500
#57A857
600
#468646
700
#386B38
800
#2C542C
900
#233E23
950
#162716

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,93:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026