#3932F1

#3932F1

Color Values

HEX

#3932F1

RGB

57, 50, 241

HSL

242.2, 87.2%, 57.1%

HSV

242.2, 79.3%, 94.5%

CMYK

76.3%, 79.3%, 0.0%, 5.5%

OKLCH

0.4837 0.267 271.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3932F1

#EAF132

Analogous

#328BF1

#9932F1

#3932F1

Triadic

#3932F1

#F13932

#32F139

Split Complementary

#3932F1

#F19932

#8BF132

Tetradic

#3932F1

#F1328B

#EAF132

#32F199

Color Blindness Simulation

Original

#3932F1

Protanopia

#3636C3

Deuteranopia

#3637B8

Tritanopia

#399E96

Achromatopsia

#414141

CSS Usage

background-color: #3932F1;
color: #3932F1;
border-color: #3932F1;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBCFA
300
#908CF7
400
#544EF3
500
#1810EF
600
#140DBF
700
#100A99
800
#0C0877
900
#0D0A56
950
#080737

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

2.9:1

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