#B8ABA3

#B8ABA3

Color Values

HEX

#B8ABA3

RGB

184, 171, 163

HSL

22.9, 12.9%, 68.0%

HSV

22.9, 11.4%, 72.2%

CMYK

0.0%, 7.1%, 11.4%, 27.8%

OKLCH

0.7499 0.0189 53.9

Properties

Warm Light Nearest: NCS S 3000-N Medium Light Grey

Color Harmonies

Complementary

#B8ABA3

#A3B0B8

Analogous

#B8A3A5

#B8B5A3

#B8ABA3

Triadic

#B8ABA3

#A3B8AB

#ABA3B8

Split Complementary

#B8ABA3

#A3B8B5

#A3A5B8

Tetradic

#B8ABA3

#A5B8A3

#A3B0B8

#B5A3B8

Color Blindness Simulation

Original

#B8ABA3

Protanopia

#B2B2A5

Deuteranopia

#B3B4A5

Tritanopia

#B7A6A7

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DAD7
300
#CAC0BA
400
#AD9E94
500
#907C6F
600
#736359
700
#5C4F47
800
#483E38
900
#362F2B
950
#221E1B

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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