#B28F86

#B28F86

Color Values

HEX

#B28F86

RGB

178, 143, 134

HSL

12.3, 22.2%, 61.2%

HSV

12.3, 24.7%, 69.8%

CMYK

0.0%, 19.7%, 24.7%, 30.2%

OKLCH

0.68 0.0447 34.8

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B28F86

#86A9B2

Analogous

#B28693

#B2A586

#B28F86

Triadic

#B28F86

#86B28F

#8F86B2

Split Complementary

#B28F86

#86B2A5

#8693B2

Tetradic

#B28F86

#93B286

#86A9B2

#A586B2

Color Blindness Simulation

Original

#B28F86

Protanopia

#A3A388

Deuteranopia

#A5A889

Tritanopia

#B08A8A

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBEA
200
#E3D7D3
300
#CFBAB4
400
#B6948C
500
#9C6F63
600
#7D594F
700
#64473F
800
#4E3732
900
#3A2B27
950
#251B18

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026