#9283EC

#9283EC

Color Values

HEX

#9283EC

RGB

146, 131, 236

HSL

248.6, 73.4%, 72.0%

HSV

248.6, 44.5%, 92.5%

CMYK

38.1%, 44.5%, 0.0%, 7.5%

OKLCH

0.6693 0.1521 288.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9283EC

#DDEC83

Analogous

#83A9EC

#C783EC

#9283EC

Triadic

#9283EC

#EC9283

#83EC92

Split Complementary

#9283EC

#ECC783

#A9EC83

Tetradic

#9283EC

#EC83A9

#DDEC83

#83ECC7

Color Blindness Simulation

Original

#9283EC

Protanopia

#8C8BD3

Deuteranopia

#8C8ECC

Tritanopia

#91BFBA

Achromatopsia

#8E8E8E

CSS Usage

background-color: #9283EC;
color: #9283EC;
border-color: #9283EC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F4F3FC
100
#E5E2F8
200
#C9C1F6
300
#A295EF
400
#6F5BE6
500
#3D22DD
600
#311BB1
700
#27168D
800
#1E116F
900
#1A1050
950
#100A33

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.68:1

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