#B2A688

#B2A688

Color Values

HEX

#B2A688

RGB

178, 166, 136

HSL

42.9, 21.4%, 61.6%

HSV

42.9, 23.6%, 69.8%

CMYK

0.0%, 6.7%, 23.6%, 30.2%

OKLCH

0.7274 0.0438 88.8

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B2A688

#8894B2

Analogous

#B29188

#A9B288

#B2A688

Triadic

#B2A688

#88B2A6

#A688B2

Split Complementary

#B2A688

#88A9B2

#9188B2

Tetradic

#B2A688

#88B291

#8894B2

#B288A9

Color Blindness Simulation

Original

#B2A688

Protanopia

#ADAD8F

Deuteranopia

#AEAE91

Tritanopia

#B19596

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E3DFD4
300
#CFC7B5
400
#B5A98C
500
#9B8B64
600
#7C6F50
700
#635940
800
#4D4632
900
#3A3427
950
#242119

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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