#B26758

#B26758

Color Values

HEX

#B26758

RGB

178, 103, 88

HSL

10.0, 36.9%, 52.2%

HSV

10.0, 50.6%, 69.8%

CMYK

0.0%, 42.1%, 50.6%, 30.2%

OKLCH

0.5943 0.0999 32.2

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#B26758

#58A3B2

Analogous

#B25876

#B29458

#B26758

Triadic

#B26758

#58B267

#6758B2

Split Complementary

#B26758

#58B294

#5876B2

Tetradic

#B26758

#76B258

#58A3B2

#9458B2

Color Blindness Simulation

Original

#B26758

Protanopia

#92915C

Deuteranopia

#969C5C

Tritanopia

#AE5E5F

Achromatopsia

#767676

CSS Usage

background-color: #B26758;
color: #B26758;
border-color: #B26758;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FAF6F5
100
#F3E9E8
200
#E8D3CE
300
#D8B3AB
400
#C3897E
500
#AF6050
600
#8C4D40
700
#703E33
800
#573028
900
#412620
950
#291814

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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