#B2A684

#B2A684

Color Values

HEX

#B2A684

RGB

178, 166, 132

HSL

44.3, 23.0%, 60.8%

HSV

44.3, 25.8%, 69.8%

CMYK

0.0%, 6.7%, 25.8%, 30.2%

OKLCH

0.7265 0.0489 90.9

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B2A684

#8490B2

Analogous

#B28F84

#A7B284

#B2A684

Triadic

#B2A684

#84B2A6

#A684B2

Split Complementary

#B2A684

#84A7B2

#8F84B2

Tetradic

#B2A684

#84B28F

#8490B2

#B284A7

Color Blindness Simulation

Original

#B2A684

Protanopia

#ADAD8C

Deuteranopia

#AEAE8E

Tritanopia

#B19394

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E4DFD3
300
#D0C9B4
400
#B6AB8B
500
#9D8D62
600
#7D714F
700
#645B3F
800
#4E4731
900
#3A3526
950
#252218

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026