#3A30CF

#3A30CF

Color Values

HEX

#3A30CF

RGB

58, 48, 207

HSL

243.8, 62.4%, 50.0%

HSV

243.8, 76.8%, 81.2%

CMYK

72.0%, 76.8%, 0.0%, 18.8%

OKLCH

0.4453 0.2301 274.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#3A30CF

#C5CF30

Analogous

#3075CF

#8A30CF

#3A30CF

Triadic

#3A30CF

#CF3A30

#30CF3A

Split Complementary

#3A30CF

#CF8A30

#75CF30

Tetradic

#3A30CF

#CF3075

#C5CF30

#30CF8A

Color Blindness Simulation

Original

#3A30CF

Protanopia

#3636A9

Deuteranopia

#36379F

Tritanopia

#398A83

Achromatopsia

#3E3E3E

CSS Usage

background-color: #3A30CF;
color: #3A30CF;
border-color: #3A30CF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C8C5F2
300
#A09CE8
400
#6D66DC
500
#3A30CF
600
#2E26A6
700
#251F85
800
#1D1868
900
#19154C
950
#100D30

Contrast Checker

Text on white

8.39:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026