#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

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026