#960F18

#960F18

Color Values

HEX

#960F18

RGB

150, 15, 24

HSL

356.0, 81.8%, 32.4%

HSV

356.0, 90.0%, 58.8%

CMYK

0.0%, 90.0%, 84.0%, 41.2%

OKLCH

0.4302 0.1658 25.7

Properties

Warm Dark Nearest: RAL 3003 Ruby Red

Color Harmonies

Complementary

#960F18

#0F968D

Analogous

#960F5C

#964A0F

#960F18

Triadic

#960F18

#18960F

#0F1896

Split Complementary

#960F18

#0F964A

#0F5C96

Tetradic

#960F18

#5C960F

#0F968D

#4A0F96

Color Blindness Simulation

Original

#960F18

Protanopia

#5C5A16

Deuteranopia

#636E15

Tritanopia

#8F1414

Achromatopsia

#2C2C2C

CSS Usage

background-color: #960F18;
color: #960F18;
border-color: #960F18;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC2
300
#F49096
400
#EE535E
500
#E81725
600
#B9131E
700
#940F18
800
#740C13
900
#540D12
950
#35080B

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026