#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026