#301EAE

#301EAE

Color Values

HEX

#301EAE

RGB

48, 30, 174

HSL

247.5, 70.6%, 40.0%

HSV

247.5, 82.8%, 68.2%

CMYK

72.4%, 82.8%, 0.0%, 31.8%

OKLCH

0.3815 0.2092 275.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#301EAE

#9CAE1E

Analogous

#1E54AE

#781EAE

#301EAE

Triadic

#301EAE

#AE301E

#1EAE30

Split Complementary

#301EAE

#AE781E

#54AE1E

Tetradic

#301EAE

#AE1E54

#9CAE1E

#1EAE78

Color Blindness Simulation

Original

#301EAE

Protanopia

#28288B

Deuteranopia

#292B83

Tritanopia

#2F706A

Achromatopsia

#2C2C2C

CSS Usage

background-color: #301EAE;
color: #301EAE;
border-color: #301EAE;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F4F3FC
100
#E5E2F8
200
#C8C2F5
300
#A197ED
400
#6F5EE3
500
#3C25DA
600
#301EAE
700
#26188B
800
#1E136D
900
#19124F
950
#100B32

Contrast Checker

Text on white

10.92:1

AA Pass AAA Pass

Text on black

1.92: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