#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

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026