#904ADD

#904ADD

Color Values

HEX

#904ADD

RGB

144, 74, 221

HSL

268.6, 68.4%, 57.8%

HSV

268.6, 66.5%, 86.7%

CMYK

34.8%, 66.5%, 0.0%, 13.3%

OKLCH

0.5684 0.2141 301.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#904ADD

#97DD4A

Analogous

#4A4DDD

#DA4ADD

#904ADD

Triadic

#904ADD

#DD904A

#4ADD90

Split Complementary

#904ADD

#DDDA4A

#4DDD4A

Tetradic

#904ADD

#DD4A4D

#97DD4A

#4ADDDA

Color Blindness Simulation

Original

#904ADD

Protanopia

#7271B9

Deuteranopia

#767BB1

Tritanopia

#8C9D97

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F8
200
#DAC3F4
300
#C098EC
400
#9E60E1
500
#7B28D7
600
#6320AC
700
#4F1A89
800
#3E146B
900
#2F134E
950
#1E0C31

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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