#B26C35

#B26C35

Color Values

HEX

#B26C35

RGB

178, 108, 53

HSL

26.4, 54.1%, 45.3%

HSV

26.4, 70.2%, 69.8%

CMYK

0.0%, 39.3%, 70.2%, 30.2%

OKLCH

0.5977 0.1133 56.3

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B26C35

#357BB2

Analogous

#B2353D

#B2AB35

#B26C35

Triadic

#B26C35

#35B26C

#6C35B2

Split Complementary

#B26C35

#35B2AB

#353DB2

Tetradic

#B26C35

#3DB235

#357BB2

#AB35B2

Color Blindness Simulation

Original

#B26C35

Protanopia

#949342

Deuteranopia

#989D46

Tritanopia

#AE4D4F

Achromatopsia

#777777

CSS Usage

background-color: #B26C35;
color: #B26C35;
border-color: #B26C35;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EFD9C8
300
#E3BEA1
400
#D49B6E
500
#C4773B
600
#9D5F2F
700
#7E4C25
800
#623C1D
900
#482E19
950
#2D1D10

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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