#3A0DF2

#3A0DF2

Color Values

HEX

#3A0DF2

RGB

58, 13, 242

HSL

251.8, 89.8%, 50.0%

HSV

251.8, 94.6%, 94.9%

CMYK

76.0%, 94.6%, 0.0%, 5.1%

OKLCH

0.4582 0.2865 273.1

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3A0DF2

#C5F20D

Analogous

#0D52F2

#AD0DF2

#3A0DF2

Triadic

#3A0DF2

#F23A0D

#0DF23A

Split Complementary

#3A0DF2

#F2AD0D

#52F20D

Tetradic

#3A0DF2

#F20D52

#C5F20D

#0DF2AD

Color Blindness Simulation

Original

#3A0DF2

Protanopia

#2726BB

Deuteranopia

#292CAD

Tritanopia

#388F85

Achromatopsia

#272727

CSS Usage

background-color: #3A0DF2;
color: #3A0DF2;
border-color: #3A0DF2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E5E0FB
200
#C8BBFB
300
#A08BF9
400
#6D4CF5
500
#3A0DF2
600
#2E0AC2
700
#25089B
800
#1D0779
900
#190958
950
#100637

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

2.52:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026