#B26221

#B26221

Color Values

HEX

#B26221

RGB

178, 98, 33

HSL

26.9, 68.7%, 41.4%

HSV

26.9, 81.5%, 69.8%

CMYK

0.0%, 44.9%, 81.5%, 30.2%

OKLCH

0.5781 0.1277 54.8

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B26221

#2171B2

Analogous

#B22129

#B2AB21

#B26221

Triadic

#B26221

#21B262

#6221B2

Split Complementary

#B26221

#21B2AB

#2129B2

Tetradic

#B26221

#29B221

#2171B2

#AB21B2

Color Blindness Simulation

Original

#B26221

Protanopia

#8F8F31

Deuteranopia

#949A34

Tritanopia

#AE3D40

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE3
200
#F4D9C3
300
#ECBD98
400
#E19A60
500
#D77628
600
#AC5F20
700
#8A4C1A
800
#6C3B14
900
#4E2D12
950
#321D0C

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

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