#BACBA5

#BACBA5

Color Values

HEX

#BACBA5

RGB

186, 203, 165

HSL

86.8, 26.8%, 72.2%

HSV

86.8, 18.7%, 79.6%

CMYK

8.4%, 0.0%, 18.7%, 20.4%

OKLCH

0.8191 0.055 127.2

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BACBA5

#B6A5CB

Analogous

#CBC9A5

#A7CBA5

#BACBA5

Triadic

#BACBA5

#A5BACB

#CBA5BA

Split Complementary

#BACBA5

#A5A7CB

#C9A5CB

Tetradic

#BACBA5

#A5CBC9

#B6A5CB

#CBA5A7

Color Blindness Simulation

Original

#BACBA5

Protanopia

#C1C2AE

Deuteranopia

#C0BFB0

Tritanopia

#BBB5B7

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DCE5D2
300
#C4D2B1
400
#A3BA87
500
#83A25D
600
#69814B
700
#54673C
800
#42512F
900
#323C25
950
#1F2617

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.17:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026