#963136

#963136

Color Values

HEX

#963136

RGB

150, 49, 54

HSL

357.0, 50.8%, 39.0%

HSV

357.0, 67.3%, 58.8%

CMYK

0.0%, 67.3%, 64.0%, 41.2%

OKLCH

0.4637 0.1352 21.3

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#963136

#319691

Analogous

#963169

#965E31

#963136

Triadic

#963136

#369631

#313696

Split Complementary

#963136

#31965E

#316996

Tetradic

#963136

#699631

#319691

#5E3196

Color Blindness Simulation

Original

#963136

Protanopia

#6A6935

Deuteranopia

#707834

Tritanopia

#913434

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EDC9CB
300
#E1A3A6
400
#D17176
500
#C03F45
600
#9A3237
700
#7B282C
800
#601F23
900
#471A1D
950
#2D1112

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

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