#B28B72

#B28B72

Color Values

HEX

#B28B72

RGB

178, 139, 114

HSL

23.4, 29.4%, 57.3%

HSV

23.4, 36.0%, 69.8%

CMYK

0.0%, 21.9%, 36.0%, 30.2%

OKLCH

0.6673 0.0595 54.1

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#B28B72

#7299B2

Analogous

#B27279

#B2AB72

#B28B72

Triadic

#B28B72

#72B28B

#8B72B2

Split Complementary

#B28B72

#72B2AB

#7279B2

Tetradic

#B28B72

#79B272

#7299B2

#AB72B2

Color Blindness Simulation

Original

#B28B72

Protanopia

#A1A178

Deuteranopia

#A3A67A

Tritanopia

#B07D7E

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D9D1
300
#D4BEB0
400
#BC9B85
500
#A5775A
600
#845F48
700
#6A4C3A
800
#523C2D
900
#3D2E24
950
#271D17

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.83:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026