#9F483F

#9F483F

Color Values

HEX

#9F483F

RGB

159, 72, 63

HSL

5.6, 43.2%, 43.5%

HSV

5.6, 60.4%, 62.4%

CMYK

0.0%, 54.7%, 60.4%, 37.6%

OKLCH

0.5117 0.1178 27.9

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#9F483F

#3F969F

Analogous

#9F3F66

#9F783F

#9F483F

Triadic

#9F483F

#3F9F48

#483F9F

Split Complementary

#9F483F

#3F9F78

#3F669F

Tetradic

#9F483F

#669F3F

#3F969F

#783F9F

Color Blindness Simulation

Original

#9F483F

Protanopia

#797941

Deuteranopia

#7E8542

Tritanopia

#9B4343

Achromatopsia

#5A5A5A

CSS Usage

background-color: #9F483F;
color: #9F483F;
border-color: #9F483F;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EBCFCC
300
#DCACA7
400
#C97F78
500
#B75348
600
#92423A
700
#75352E
800
#5B2924
900
#43211E
950
#2A1513

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

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