#B2AC8E

#B2AC8E

Color Values

HEX

#B2AC8E

RGB

178, 172, 142

HSL

50.0, 18.9%, 62.7%

HSV

50.0, 20.2%, 69.8%

CMYK

0.0%, 3.4%, 20.2%, 30.2%

OKLCH

0.7414 0.042 97.9

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B2AC8E

#8E94B2

Analogous

#B29A8E

#A6B28E

#B2AC8E

Triadic

#B2AC8E

#8EB2AC

#AC8EB2

Split Complementary

#B2AC8E

#8EA6B2

#9A8EB2

Tetradic

#B2AC8E

#8EB29A

#8E94B2

#B28EA6

Color Blindness Simulation

Original

#B2AC8E

Protanopia

#AFAF95

Deuteranopia

#B0B097

Tritanopia

#B29B9C

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E0D5
300
#CDCAB6
400
#B2AD8F
500
#989067
600
#797353
700
#615C42
800
#4C4834
900
#393628
950
#242219

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026