#B2BCB2

#B2BCB2

Color Values

HEX

#B2BCB2

RGB

178, 188, 178

HSL

120.0, 6.9%, 71.8%

HSV

120.0, 5.3%, 73.7%

CMYK

5.3%, 0.0%, 5.3%, 26.3%

OKLCH

0.7845 0.0178 145.4

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#B2BCB2

#BCB2BC

Analogous

#B7BCB2

#B2BCB7

#B2BCB2

Triadic

#B2BCB2

#B2B2BC

#BCB2B2

Split Complementary

#B2BCB2

#B7B2BC

#BCB2B7

Tetradic

#B2BCB2

#B2B7BC

#BCB2BC

#BCB7B2

Color Blindness Simulation

Original

#B2BCB2

Protanopia

#B6B6B4

Deuteranopia

#B6B5B5

Tritanopia

#B2B6B7

Achromatopsia

#B9B9B9

CSS Usage

background-color: #B2BCB2;
color: #B2BCB2;
border-color: #B2BCB2;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BEC6BE
400
#9AA79A
500
#778877
600
#5F6D5F
700
#4C574C
800
#3B443B
900
#2D332D
950
#1D211D

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.73:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026