#904EC8

#904EC8

Color Values

HEX

#904EC8

RGB

144, 78, 200

HSL

272.5, 52.6%, 54.5%

HSV

272.5, 61.0%, 78.4%

CMYK

28.0%, 61.0%, 0.0%, 21.6%

OKLCH

0.5592 0.1857 306.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#904EC8

#86C84E

Analogous

#534EC8

#C84EC3

#904EC8

Triadic

#904EC8

#C8904E

#4EC890

Split Complementary

#904EC8

#C3C84E

#4EC853

Tetradic

#904EC8

#C8534E

#86C84E

#4EC3C8

Color Blindness Simulation

Original

#904EC8

Protanopia

#7373AB

Deuteranopia

#777CA3

Tritanopia

#8D938E

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC9EE
300
#C4A2E2
400
#A56FD2
500
#853CC3
600
#6A309C
700
#55277D
800
#431E61
900
#321A47
950
#20102D

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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