#951822

#951822

Color Values

HEX

#951822

RGB

149, 24, 34

HSL

355.2, 72.3%, 33.9%

HSV

355.2, 83.9%, 58.4%

CMYK

0.0%, 83.9%, 77.2%, 41.6%

OKLCH

0.4347 0.1588 23.6

Properties

Warm Dark Nearest: RAL 3003 Ruby Red

Color Harmonies

Complementary

#951822

#18958B

Analogous

#951860

#954C18

#951822

Triadic

#951822

#229518

#182295

Split Complementary

#951822

#18954C

#186095

Tetradic

#951822

#609518

#18958B

#4C1895

Color Blindness Simulation

Original

#951822

Protanopia

#5F5E20

Deuteranopia

#66701F

Tritanopia

#8F1E1D

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E4
200
#F5C1C6
300
#EE969D
400
#E55C67
500
#DC2332
600
#B01C28
700
#8D1720
800
#6E1219
900
#501116
950
#330B0E

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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