#904FDC

#904FDC

Color Values

HEX

#904FDC

RGB

144, 79, 220

HSL

267.7, 66.8%, 58.6%

HSV

267.7, 64.1%, 86.3%

CMYK

34.5%, 64.1%, 0.0%, 13.7%

OKLCH

0.5741 0.2065 301.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#904FDC

#9BDC4F

Analogous

#4F54DC

#D74FDC

#904FDC

Triadic

#904FDC

#DC904F

#4FDC90

Split Complementary

#904FDC

#DCD74F

#54DC4F

Tetradic

#904FDC

#DC4F54

#9BDC4F

#4FDCD7

Color Blindness Simulation

Original

#904FDC

Protanopia

#7473BA

Deuteranopia

#787CB2

Tritanopia

#8D9F99

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D9C3F3
300
#BF99EB
400
#9C62E0
500
#792AD5
600
#6122AA
700
#4D1B88
800
#3C156A
900
#2E134E
950
#1D0C31

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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