#9048DA

#9048DA

Color Values

HEX

#9048DA

RGB

144, 72, 218

HSL

269.6, 66.4%, 56.9%

HSV

269.6, 67.0%, 85.5%

CMYK

33.9%, 67.0%, 0.0%, 14.5%

OKLCH

0.5637 0.2134 302.7

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#9048DA

#92DA48

Analogous

#4849DA

#D948DA

#9048DA

Triadic

#9048DA

#DA9048

#48DA90

Split Complementary

#9048DA

#DAD948

#49DA48

Tetradic

#9048DA

#DA4849

#92DA48

#48DAD9

Color Blindness Simulation

Original

#9048DA

Protanopia

#7170B7

Deuteranopia

#757AAE

Tritanopia

#8C9B95

Achromatopsia

#626262

CSS Usage

background-color: #9048DA;
color: #9048DA;
border-color: #9048DA;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F3
300
#C199EA
400
#A062DF
500
#7E2BD4
600
#6522AA
700
#511B88
800
#3F156A
900
#30134D
950
#1E0C31

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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