#B8BDA4

#B8BDA4

Color Values

HEX

#B8BDA4

RGB

184, 189, 164

HSL

72.0, 15.9%, 69.2%

HSV

72.0, 13.2%, 74.1%

CMYK

2.6%, 0.0%, 13.2%, 25.9%

OKLCH

0.7876 0.0349 116.4

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B8BDA4

#A9A4BD

Analogous

#BDB5A4

#ABBDA4

#B8BDA4

Triadic

#B8BDA4

#A4B8BD

#BDA4B8

Split Complementary

#B8BDA4

#A4ABBD

#B5A4BD

Tetradic

#B8BDA4

#A4BDB5

#A9A4BD

#BDA4AB

Color Blindness Simulation

Original

#B8BDA4

Protanopia

#BABAAA

Deuteranopia

#BAB9AC

Tritanopia

#B8AFB0

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFF0EB
200
#DFE1D6
300
#C8CCB8
400
#AAB092
500
#8C946B
600
#707656
700
#595F45
800
#464A36
900
#35372A
950
#21231A

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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