#904FD6

#904FD6

Color Values

HEX

#904FD6

RGB

144, 79, 214

HSL

268.9, 62.2%, 57.5%

HSV

268.9, 63.1%, 83.9%

CMYK

32.7%, 63.1%, 0.0%, 16.1%

OKLCH

0.57 0.1999 302.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#904FD6

#95D64F

Analogous

#4F52D6

#D44FD6

#904FD6

Triadic

#904FD6

#D6904F

#4FD690

Split Complementary

#904FD6

#D6D44F

#52D64F

Tetradic

#904FD6

#D64F52

#95D64F

#4FD6D4

Color Blindness Simulation

Original

#904FD6

Protanopia

#7473B5

Deuteranopia

#787CAD

Tritanopia

#8D9C96

Achromatopsia

#676767

CSS Usage

background-color: #904FD6;
color: #904FD6;
border-color: #904FD6;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DAC5F2
300
#C09CE8
400
#9E66DB
500
#7D30CF
600
#6427A5
700
#501F84
800
#3E1867
900
#2F154C
950
#1E0D30

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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