#974368

#974368

Color Values

HEX

#974368

RGB

151, 67, 104

HSL

333.6, 38.5%, 42.7%

HSV

333.6, 55.6%, 59.2%

CMYK

0.0%, 55.6%, 31.1%, 40.8%

OKLCH

0.5033 0.1201 354.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#974368

#439772

Analogous

#974392

#974843

#974368

Triadic

#974368

#689743

#436897

Split Complementary

#974368

#439748

#439297

Tetradic

#974368

#929743

#439772

#484397

Color Blindness Simulation

Original

#974368

Protanopia

#73725F

Deuteranopia

#787E5D

Tritanopia

#935856

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CEDA
300
#D9AABF
400
#C57C9C
500
#B14E7A
600
#8D3F61
700
#71324E
800
#58273D
900
#41202E
950
#29141D

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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