#9862D2

#9862D2

Color Values

HEX

#9862D2

RGB

152, 98, 210

HSL

268.9, 55.4%, 60.4%

HSV

268.9, 53.3%, 82.4%

CMYK

27.6%, 53.3%, 0.0%, 17.6%

OKLCH

0.6037 0.1694 304.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9862D2

#9CD262

Analogous

#6264D2

#D062D2

#9862D2

Triadic

#9862D2

#D29862

#62D298

Split Complementary

#9862D2

#D2D062

#64D262

Tetradic

#9862D2

#D26264

#9CD262

#62D2D0

Color Blindness Simulation

Original

#9862D2

Protanopia

#8180B7

Deuteranopia

#8488B0

Tritanopia

#95A19D

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC8EF
300
#C1A0E4
400
#9F6CD5
500
#7D39C6
600
#642D9F
700
#50247F
800
#3E1C63
900
#301849
950
#1E0F2E

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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