#904662

#904662

Color Values

HEX

#904662

RGB

144, 70, 98

HSL

337.3, 34.6%, 42.0%

HSV

337.3, 51.4%, 56.5%

CMYK

0.0%, 51.4%, 31.9%, 43.5%

OKLCH

0.4955 0.1048 357.7

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#904662

#469074

Analogous

#904687

#904F46

#904662

Triadic

#904662

#629046

#466290

Split Complementary

#904662

#46904F

#468790

Tetradic

#904662

#879046

#469074

#4F4690

Color Blindness Simulation

Original

#904662

Protanopia

#706F5B

Deuteranopia

#747A5A

Tritanopia

#8C5655

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E8CFD8
300
#D7ADBD
400
#C18099
500
#AC5375
600
#89435D
700
#6E354B
800
#562A3A
900
#40212D
950
#28151C

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026