#922463

#922463

Color Values

HEX

#922463

RGB

146, 36, 99

HSL

325.6, 60.4%, 35.7%

HSV

325.6, 75.3%, 57.3%

CMYK

0.0%, 75.3%, 32.2%, 42.7%

OKLCH

0.4566 0.1574 350.1

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#922463

#249253

Analogous

#8A2492

#92242C

#922463

Triadic

#922463

#639224

#246392

Split Complementary

#922463

#2C9224

#24928A

Tetradic

#922463

#928A24

#249253

#242C92

Color Blindness Simulation

Original

#922463

Protanopia

#626154

Deuteranopia

#697150

Tritanopia

#8C4845

Achromatopsia

#404040

CSS Usage

background-color: #922463;
color: #922463;
border-color: #922463;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DE
300
#E79DC7
400
#DA68A9
500
#CD328B
600
#A4286F
700
#832059
800
#661945
900
#4B1634
950
#2F0E21

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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