#301AB2

#301AB2

Color Values

HEX

#301AB2

RGB

48, 26, 178

HSL

248.7, 74.5%, 40.0%

HSV

248.7, 85.4%, 69.8%

CMYK

73.0%, 85.4%, 0.0%, 30.2%

OKLCH

0.3823 0.2165 275.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#301AB2

#9CB21A

Analogous

#1A50B2

#7C1AB2

#301AB2

Triadic

#301AB2

#B2301A

#1AB230

Split Complementary

#301AB2

#B27C1A

#50B21A

Tetradic

#301AB2

#B21A50

#9CB21A

#1AB27C

Color Blindness Simulation

Original

#301AB2

Protanopia

#26268D

Deuteranopia

#282984

Tritanopia

#2F706A

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E2F8
200
#C8C1F6
300
#A194EF
400
#6F5AE7
500
#3C21DE
600
#301AB2
700
#26158E
800
#1E106F
900
#191051
950
#100A33

Contrast Checker

Text on white

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