#921546

#921546

Color Values

HEX

#921546

RGB

146, 21, 70

HSL

336.5, 74.9%, 32.7%

HSV

336.5, 85.6%, 57.3%

CMYK

0.0%, 85.6%, 52.1%, 42.7%

OKLCH

0.4348 0.1603 4.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#921546

#159261

Analogous

#921584

#922215

#921546

Triadic

#921546

#469215

#154692

Split Complementary

#921546

#159222

#158492

Tetradic

#921546

#849215

#159261

#221592

Color Blindness Simulation

Original

#921546

Protanopia

#5C5B3A

Deuteranopia

#636C37

Tritanopia

#8C312F

Achromatopsia

#333333

CSS Usage

background-color: #921546;
color: #921546;
border-color: #921546;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FCF2F6
100
#F9E2EB
200
#F6C1D6
300
#F094B8
400
#E75A91
500
#DF206B
600
#B21A55
700
#8F1444
800
#6F1035
900
#511029
950
#330A1A

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

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