#B2A689

#B2A689

Color Values

HEX

#B2A689

RGB

178, 166, 137

HSL

42.4, 21.0%, 61.8%

HSV

42.4, 23.0%, 69.8%

CMYK

0.0%, 6.7%, 23.0%, 30.2%

OKLCH

0.7277 0.0425 88.2

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B2A689

#8995B2

Analogous

#B29289

#AAB289

#B2A689

Triadic

#B2A689

#89B2A6

#A689B2

Split Complementary

#B2A689

#89AAB2

#9289B2

Tetradic

#B2A689

#89B292

#8995B2

#B289AA

Color Blindness Simulation

Original

#B2A689

Protanopia

#ADAD90

Deuteranopia

#AEAE92

Tritanopia

#B19697

Achromatopsia

#A6A6A6

CSS Usage

background-color: #B2A689;
color: #B2A689;
border-color: #B2A689;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E3DED4
300
#CFC7B5
400
#B4A98D
500
#9A8B65
600
#7B6F51
700
#635940
800
#4D4532
900
#3A3427
950
#242119

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.71:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026