#922117

#922117

Color Values

HEX

#922117

RGB

146, 33, 23

HSL

4.9, 72.8%, 33.1%

HSV

4.9, 84.2%, 57.3%

CMYK

0.0%, 77.4%, 84.2%, 42.7%

OKLCH

0.4349 0.1504 29.6

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#922117

#178892

Analogous

#92174A

#925E17

#922117

Triadic

#922117

#179221

#211792

Split Complementary

#922117

#17925E

#174A92

Tetradic

#922117

#4A9217

#178892

#5E1792

Color Blindness Simulation

Original

#922117

Protanopia

#616019

Deuteranopia

#68701A

Tritanopia

#8C1B1C

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E2
200
#F5C6C1
300
#EE9D95
400
#E5675C
500
#DC3223
600
#B0281C
700
#8D2016
800
#6E1911
900
#501611
950
#330E0B

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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