#904DC0

#904DC0

Color Values

HEX

#904DC0

RGB

144, 77, 192

HSL

275.0, 47.7%, 52.7%

HSV

275.0, 59.9%, 75.3%

CMYK

25.0%, 59.9%, 0.0%, 24.7%

OKLCH

0.5527 0.1783 308.5

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#904DC0

#7DC04D

Analogous

#564DC0

#C04DB6

#904DC0

Triadic

#904DC0

#C0904D

#4DC090

Split Complementary

#904DC0

#B6C04D

#4DC056

Tetradic

#904DC0

#C0564D

#7DC04D

#4DB6C0

Color Blindness Simulation

Original

#904DC0

Protanopia

#7372A4

Deuteranopia

#777C9D

Tritanopia

#8D8E89

Achromatopsia

#646464

CSS Usage

background-color: #904DC0;
color: #904DC0;
border-color: #904DC0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DECAEC
300
#C7A5DF
400
#A874CE
500
#8A43BC
600
#6E3597
700
#582B79
800
#45215E
900
#341C45
950
#21112C

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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