#904F86

#904F86

Color Values

HEX

#904F86

RGB

144, 79, 134

HSL

309.2, 29.1%, 43.7%

HSV

309.2, 45.1%, 56.5%

CMYK

0.0%, 45.1%, 6.9%, 43.5%

OKLCH

0.5241 0.1137 333.0

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#904F86

#4F9059

Analogous

#794F90

#904F65

#904F86

Triadic

#904F86

#86904F

#4F8690

Split Complementary

#904F86

#65904F

#4F9079

Tetradic

#904F86

#90794F

#4F9059

#4F6590

Color Blindness Simulation

Original

#904F86

Protanopia

#747379

Deuteranopia

#787C76

Tritanopia

#8D6E6C

Achromatopsia

#616161

CSS Usage

background-color: #904F86;
color: #904F86;
border-color: #904F86;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F5F9
100
#F2E9F0
200
#E6D1E3
300
#D4B0CE
400
#BC85B4
500
#A55A99
600
#84487B
700
#693A62
800
#522D4D
900
#3D2439
950
#271724

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

3.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