#962F0D

#962F0D

Color Values

HEX

#962F0D

RGB

150, 47, 13

HSL

14.9, 84.0%, 32.0%

HSV

14.9, 91.3%, 58.8%

CMYK

0.0%, 68.7%, 91.3%, 41.2%

OKLCH

0.4564 0.1441 36.8

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#962F0D

#0D7496

Analogous

#960D30

#96740D

#962F0D

Triadic

#962F0D

#0D962F

#2F0D96

Split Complementary

#962F0D

#0D9674

#0D3096

Tetradic

#962F0D

#30960D

#0D7496

#740D96

Color Blindness Simulation

Original

#962F0D

Protanopia

#696915

Deuteranopia

#6F7717

Tritanopia

#911C1D

Achromatopsia

#424242

CSS Usage

background-color: #962F0D;
color: #962F0D;
border-color: #962F0D;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FDF5F2
100
#FAE7E0
200
#F9CCBD
300
#F5A88E
400
#F07951
500
#EB4A14
600
#BC3B10
700
#962F0D
800
#75250A
900
#551E0C
950
#361307

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

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