#B28882

#B28882

Color Values

HEX

#B28882

RGB

178, 136, 130

HSL

7.5, 23.8%, 60.4%

HSV

7.5, 27.0%, 69.8%

CMYK

0.0%, 23.6%, 27.0%, 30.2%

OKLCH

0.6653 0.0526 27.9

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B28882

#82ACB2

Analogous

#B28294

#B2A082

#B28882

Triadic

#B28882

#82B288

#8882B2

Split Complementary

#B28882

#82B2A0

#8294B2

Tetradic

#B28882

#94B282

#82ACB2

#A082B2

Color Blindness Simulation

Original

#B28882

Protanopia

#A09F83

Deuteranopia

#A2A584

Tritanopia

#B08585

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E4D5D3
300
#D0B7B3
400
#B7908A
500
#9E6961
600
#7E544E
700
#65433E
800
#4F3431
900
#3B2926
950
#251A18

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.74: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