#9B483C

#9B483C

Color Values

HEX

#9B483C

RGB

155, 72, 60

HSL

7.6, 44.2%, 42.2%

HSV

7.6, 61.3%, 60.8%

CMYK

0.0%, 53.5%, 61.3%, 39.2%

OKLCH

0.5051 0.1136 30.0

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#9B483C

#3C8F9B

Analogous

#9B3C60

#9B783C

#9B483C

Triadic

#9B483C

#3C9B48

#483C9B

Split Complementary

#9B483C

#3C9B78

#3C609B

Tetradic

#9B483C

#609B3C

#3C8F9B

#783C9B

Color Blindness Simulation

Original

#9B483C

Protanopia

#77763F

Deuteranopia

#7C8240

Tritanopia

#974142

Achromatopsia

#595959

CSS Usage

background-color: #9B483C;
color: #9B483C;
border-color: #9B483C;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#EBD0CC
300
#DDAEA7
400
#CA8277
500
#B85547
600
#934439
700
#76372E
800
#5C2B24
900
#44221D
950
#2B1612

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

3.39:1

AA Fail 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