#962B24

#962B24

Color Values

HEX

#962B24

RGB

150, 43, 36

HSL

3.7, 61.3%, 36.5%

HSV

3.7, 76.0%, 58.8%

CMYK

0.0%, 71.3%, 76.0%, 41.2%

OKLCH

0.4539 0.1438 28.0

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#962B24

#248F96

Analogous

#962456

#966424

#962B24

Triadic

#962B24

#24962B

#2B2496

Split Complementary

#962B24

#249664

#245696

Tetradic

#962B24

#569624

#248F96

#642496

Color Blindness Simulation

Original

#962B24

Protanopia

#686726

Deuteranopia

#6E7626

Tritanopia

#912727

Achromatopsia

#414141

CSS Usage

background-color: #962B24;
color: #962B24;
border-color: #962B24;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C5
300
#E7A19C
400
#DA6E67
500
#CE3B31
600
#A52F27
700
#842620
800
#671D19
900
#4B1916
950
#2F100E

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

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