#96360D

#96360D

Color Values

HEX

#96360D

RGB

150, 54, 13

HSL

18.0, 84.0%, 32.0%

HSV

18.0, 91.3%, 58.8%

CMYK

0.0%, 64.0%, 91.3%, 41.2%

OKLCH

0.4652 0.1378 39.9

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#96360D

#0D6D96

Analogous

#960D28

#967B0D

#96360D

Triadic

#96360D

#0D9636

#360D96

Split Complementary

#96360D

#0D967B

#0D2896

Tetradic

#96360D

#28960D

#0D6D96

#7B0D96

Color Blindness Simulation

Original

#96360D

Protanopia

#6C6C17

Deuteranopia

#727919

Tritanopia

#911F20

Achromatopsia

#474747

CSS Usage

background-color: #96360D;
color: #96360D;
border-color: #96360D;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#F9CFBD
300
#F5AD8E
400
#F08151
500
#EB5514
600
#BC4410
700
#96360D
800
#752A0A
900
#55220C
950
#361507

Contrast Checker

Text on white

7.42:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026