#B2C4A7

#B2C4A7

Color Values

HEX

#B2C4A7

RGB

178, 196, 167

HSL

97.2, 19.7%, 71.2%

HSV

97.2, 14.8%, 76.9%

CMYK

9.2%, 0.0%, 14.8%, 23.1%

OKLCH

0.7986 0.0446 133.5

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B2C4A7

#B9A7C4

Analogous

#C1C4A7

#A7C4AB

#B2C4A7

Triadic

#B2C4A7

#A7B2C4

#C4A7B2

Split Complementary

#B2C4A7

#ABA7C4

#C4A7C1

Tetradic

#B2C4A7

#A7C1C4

#B9A7C4

#C4ABA7

Color Blindness Simulation

Original

#B2C4A7

Protanopia

#BABAAE

Deuteranopia

#B9B7B0

Tritanopia

#B3B4B5

Achromatopsia

#BEBEBE

CSS Usage

background-color: #B2C4A7;
color: #B2C4A7;
border-color: #B2C4A7;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#DAE2D4
300
#BFCEB6
400
#9CB38E
500
#799966
600
#617A52
700
#4E6242
800
#3D4C33
900
#2E3928
950
#1D2419

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.35:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026