#B2AAA5

#B2AAA5

Color Values

HEX

#B2AAA5

RGB

178, 170, 165

HSL

23.1, 7.8%, 67.3%

HSV

23.1, 7.3%, 69.8%

CMYK

0.0%, 4.5%, 7.3%, 30.2%

OKLCH

0.7432 0.0117 54.4

Properties

Warm Light Nearest: darkgrey

Color Harmonies

Complementary

#B2AAA5

#A5ADB2

Analogous

#B2A5A7

#B2B1A5

#B2AAA5

Triadic

#B2AAA5

#A5B2AA

#AAA5B2

Split Complementary

#B2AAA5

#A5B2B1

#A5A7B2

Tetradic

#B2AAA5

#A7B2A5

#A5ADB2

#B1A5B2

Color Blindness Simulation

Original

#B2AAA5

Protanopia

#AFAEA6

Deuteranopia

#AFB0A6

Tritanopia

#B2A7A7

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C7C1BD
400
#A89F99
500
#897D76
600
#6E645E
700
#58504B
800
#453F3B
900
#34302D
950
#211E1C

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026