#B28F70

#B28F70

Color Values

HEX

#B28F70

RGB

178, 143, 112

HSL

28.2, 30.0%, 56.9%

HSV

28.2, 37.1%, 69.8%

CMYK

0.0%, 19.7%, 37.1%, 30.2%

OKLCH

0.6748 0.0606 63.0

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#B28F70

#7093B2

Analogous

#B27072

#B2B070

#B28F70

Triadic

#B28F70

#70B28F

#8F70B2

Split Complementary

#B28F70

#70B2B0

#7072B2

Tetradic

#B28F70

#72B270

#7093B2

#B070B2

Color Blindness Simulation

Original

#B28F70

Protanopia

#A3A377

Deuteranopia

#A5A879

Tritanopia

#B07D7F

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DBD1
300
#D4C1AF
400
#BD9F84
500
#A67D59
600
#856447
700
#6A5039
800
#533F2D
900
#3E3023
950
#271E16

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.06:1

AA Pass AAA Pass

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