#B9824B

#B9824B

Color Values

HEX

#B9824B

RGB

185, 130, 75

HSL

30.0, 44.0%, 51.0%

HSV

30.0, 59.5%, 72.5%

CMYK

0.0%, 29.7%, 59.5%, 27.5%

OKLCH

0.6503 0.0987 64.5

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#B9824B

#4B82B9

Analogous

#B94B4B

#B9B94B

#B9824B

Triadic

#B9824B

#4BB982

#824BB9

Split Complementary

#B9824B

#4BB9B9

#4B4BB9

Tetradic

#B9824B

#4BB94B

#4B82B9

#B94BB9

Color Blindness Simulation

Original

#B9824B

Protanopia

#A1A158

Deuteranopia

#A4A85C

Tritanopia

#B66365

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDBCC
300
#DDC2A7
400
#CAA177
500
#B88047
600
#936639
700
#76522E
800
#5C4024
900
#44301D
950
#2B1F12

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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