#B8AD9F

#B8AD9F

Color Values

HEX

#B8AD9F

RGB

184, 173, 159

HSL

33.6, 15.0%, 67.3%

HSV

33.6, 13.6%, 72.2%

CMYK

0.0%, 6.0%, 13.6%, 27.8%

OKLCH

0.7529 0.0234 74.0

Properties

Warm Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#B8AD9F

#9FAAB8

Analogous

#B8A19F

#B7B89F

#B8AD9F

Triadic

#B8AD9F

#9FB8AD

#AD9FB8

Split Complementary

#B8AD9F

#9FB7B8

#A19FB8

Tetradic

#B8AD9F

#9FB8A1

#9FAAB8

#B89FB7

Color Blindness Simulation

Original

#B8AD9F

Protanopia

#B3B3A2

Deuteranopia

#B4B5A3

Tritanopia

#B7A5A6

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DCD6
300
#CBC3B9
400
#AFA292
500
#93826C
600
#756857
700
#5E5345
800
#494136
900
#37312A
950
#231F1A

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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