#B28243

#B28243

Color Values

HEX

#B28243

RGB

178, 130, 67

HSL

34.1, 45.3%, 48.0%

HSV

34.1, 62.4%, 69.8%

CMYK

0.0%, 27.0%, 62.4%, 30.2%

OKLCH

0.6412 0.0996 71.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B28243

#4373B2

Analogous

#B24B43

#AAB243

#B28243

Triadic

#B28243

#43B282

#8243B2

Split Complementary

#B28243

#43AAB2

#4B43B2

Tetradic

#B28243

#43B24B

#4373B2

#B243AA

Color Blindness Simulation

Original

#B28243

Protanopia

#9D9D52

Deuteranopia

#A0A456

Tritanopia

#B05E61

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDECB
300
#DEC6A6
400
#CBA676
500
#B98746
600
#946C38
700
#77572D
800
#5D4423
900
#44331D
950
#2B2012

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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