#961522

#961522

Color Values

HEX

#961522

RGB

150, 21, 34

HSL

354.0, 75.4%, 33.5%

HSV

354.0, 86.0%, 58.8%

CMYK

0.0%, 86.0%, 77.3%, 41.2%

OKLCH

0.4347 0.1616 23.1

Properties

Warm Dark Nearest: RAL 3003 Ruby Red

Color Harmonies

Complementary

#961522

#159689

Analogous

#961562

#964915

#961522

Triadic

#961522

#229615

#152296

Split Complementary

#961522

#159649

#156296

Tetradic

#961522

#629615

#159689

#491596

Color Blindness Simulation

Original

#961522

Protanopia

#5E5D1F

Deuteranopia

#666F1E

Tritanopia

#901C1C

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E2E4
200
#F6C0C6
300
#F0949D
400
#E85A68
500
#E01F33
600
#B31928
700
#8F1420
800
#701019
900
#511016
950
#330A0E

Contrast Checker

Text on white

8.65:1

AA Pass AAA Pass

Text on black

2.43:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026