#BADAB8

#BADAB8

Color Values

HEX

#BADAB8

RGB

186, 218, 184

HSL

116.5, 31.5%, 78.8%

HSV

116.5, 15.6%, 85.5%

CMYK

14.7%, 0.0%, 15.6%, 14.5%

OKLCH

0.8558 0.0575 143.5

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BADAB8

#D8B8DA

Analogous

#CBDAB8

#B8DAC7

#BADAB8

Triadic

#BADAB8

#B8BADA

#DAB8BA

Split Complementary

#BADAB8

#C7B8DA

#DAB8CB

Tetradic

#BADAB8

#B8CBDA

#D8B8DA

#DAC7B8

Color Blindness Simulation

Original

#BADAB8

Protanopia

#C8C8C0

Deuteranopia

#C6C4C2

Tritanopia

#BCC7C8

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#E9F2E8
200
#D1E7D0
300
#B1D5AF
400
#86BE83
500
#5CA857
600
#4A8646
700
#3B6B38
800
#2E542C
900
#243E23
950
#172716

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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