#9B3DF4

#9B3DF4

Color Values

HEX

#9B3DF4

RGB

155, 61, 244

HSL

270,8, 89,3%, 59,8%

HSV

270,8, 75,0%, 95,7%

CMYK

36,5%, 75,0%, 0,0%, 4,3%

OKLCH

0,5838 0,254 302,3

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#9B3DF4

#96F43D

Analogous

#3F3DF4

#F43DF2

#9B3DF4

Triadic

#9B3DF4

#F49B3D

#3DF49B

Split Complementary

#9B3DF4

#F2F43D

#3DF43F

Tetradic

#9B3DF4

#F43F3D

#96F43D

#3DF2F4

Color Blindness Simulation

Original

#9B3DF4

Protanopia

#7271C8

Deuteranopia

#787FBD

Tritanopia

#96A59D

Achromatopsia

#5E5E5E

CSS Usage

background-color: #9B3DF4;
color: #9B3DF4;
border-color: #9B3DF4;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F2FD
100
#EEE0FB
200
#DCBBFB
300
#C38BF8
400
#A34CF5
500
#830EF1
600
#680BC1
700
#54099A
800
#410779
900
#310A57
950
#1F0637

Contrast Checker

Text on white

4,81:1

AA Pass AAA Fail

Text on black

4,37:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026