#B49894

#B49894

Color Values

HEX

#B49894

RGB

180, 152, 148

HSL

7.5, 17.6%, 64.3%

HSV

7.5, 17.8%, 70.6%

CMYK

0.0%, 15.6%, 17.8%, 29.4%

OKLCH

0.7037 0.0341 27.5

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B49894

#94B0B4

Analogous

#B494A0

#B4A894

#B49894

Triadic

#B49894

#94B498

#9894B4

Split Complementary

#B49894

#94B4A8

#94A0B4

Tetradic

#B49894

#A0B494

#94B0B4

#A894B4

Color Blindness Simulation

Original

#B49894

Protanopia

#A8A895

Deuteranopia

#AAAC95

Tritanopia

#B39696

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#F0EBEA
200
#E2D7D5
300
#CDBAB7
400
#B19490
500
#966F69
600
#785954
700
#604743
800
#4B3735
900
#382B29
950
#231B1A

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026