#9558D2

#9558D2

Color Values

HEX

#9558D2

RGB

149, 88, 210

HSL

270.0, 57.5%, 58.4%

HSV

270.0, 58.1%, 82.4%

CMYK

29.0%, 58.1%, 0.0%, 17.6%

OKLCH

0.5854 0.1837 304.4

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#9558D2

#95D258

Analogous

#5858D2

#D258D2

#9558D2

Triadic

#9558D2

#D29558

#58D295

Split Complementary

#9558D2

#D2D258

#58D258

Tetradic

#9558D2

#D25858

#95D258

#58D2D2

Color Blindness Simulation

Original

#9558D2

Protanopia

#7B7AB5

Deuteranopia

#7E83AD

Tritanopia

#929D98

Achromatopsia

#6E6E6E

CSS Usage

background-color: #9558D2;
color: #9558D2;
border-color: #9558D2;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F4FB
100
#EDE4F6
200
#DBC7F0
300
#C29FE5
400
#A16AD7
500
#8036C9
600
#662BA1
700
#522381
800
#401B64
900
#30174A
950
#1F0F2E

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass 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