#B28244

#B28244

Color Values

HEX

#B28244

RGB

178, 130, 68

HSL

33.8, 44.7%, 48.2%

HSV

33.8, 61.8%, 69.8%

CMYK

0.0%, 27.0%, 61.8%, 30.2%

OKLCH

0.6414 0.0988 71.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B28244

#4474B2

Analogous

#B24B44

#ABB244

#B28244

Triadic

#B28244

#44B282

#8244B2

Split Complementary

#B28244

#44ABB2

#4B44B2

Tetradic

#B28244

#44B24B

#4474B2

#B244AB

Color Blindness Simulation

Original

#B28244

Protanopia

#9D9D53

Deuteranopia

#A0A457

Tritanopia

#B05F61

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDDCB
300
#DDC5A6
400
#CBA676
500
#B88747
600
#946C38
700
#76562D
800
#5C4323
900
#44331D
950
#2B2012

Contrast Checker

Text on white

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