#8F3C30

#8F3C30

Color Values

HEX

#8F3C30

RGB

143, 60, 48

HSL

7.6, 49.7%, 37.5%

HSV

7.6, 66.4%, 56.1%

CMYK

0.0%, 58.0%, 66.4%, 43.9%

OKLCH

0.4659 0.1155 30.3

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#8F3C30

#30838F

Analogous

#8F3054

#8F6C30

#8F3C30

Triadic

#8F3C30

#308F3C

#3C308F

Split Complementary

#8F3C30

#308F6C

#30548F

Tetradic

#8F3C30

#548F30

#30838F

#6C308F

Color Blindness Simulation

Original

#8F3C30

Protanopia

#6B6A33

Deuteranopia

#707634

Tritanopia

#8B3536

Achromatopsia

#4D4D4D

CSS Usage

background-color: #8F3C30;
color: #8F3C30;
border-color: #8F3C30;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF5F4
100
#F5E8E6
200
#EDCECA
300
#E0ABA3
400
#D07E72
500
#BF5040
600
#994033
700
#7A3329
800
#5F2820
900
#46201B
950
#2C1411

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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