#B9703C

#B9703C

Color Values

HEX

#B9703C

RGB

185, 112, 60

HSL

25.0, 51.0%, 48.0%

HSV

25.0, 67.6%, 72.5%

CMYK

0.0%, 39.5%, 67.6%, 27.5%

OKLCH

0.6148 0.1143 54.2

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B9703C

#3C85B9

Analogous

#B93C46

#B9AE3C

#B9703C

Triadic

#B9703C

#3CB970

#703CB9

Split Complementary

#B9703C

#3CB9AE

#3C46B9

Tetradic

#B9703C

#46B93C

#3C85B9

#AE3CB9

Color Blindness Simulation

Original

#B9703C

Protanopia

#999949

Deuteranopia

#9EA34C

Tritanopia

#B55355

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EED8C9
300
#E1BDA3
400
#D19971
500
#C1753E
600
#9A5D32
700
#7B4B28
800
#603A1F
900
#472D1A
950
#2D1C11

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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