#301C64

#301C64

Color Values

HEX

#301C64

RGB

48, 28, 100

HSL

256.7, 56.2%, 25.1%

HSV

256.7, 72.0%, 39.2%

CMYK

52.0%, 72.0%, 0.0%, 60.8%

OKLCH

0.3003 0.1196 290.0

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#301C64

#50641C

Analogous

#1C2C64

#541C64

#301C64

Triadic

#301C64

#64301C

#1C6430

Split Complementary

#301C64

#64541C

#2C641C

Tetradic

#301C64

#641C2C

#50641C

#1C6454

Color Blindness Simulation

Original

#301C64

Protanopia

#272753

Deuteranopia

#282A4E

Tritanopia

#2F4542

Achromatopsia

#252525

CSS Usage

background-color: #301C64;
color: #301C64;
border-color: #301C64;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F4FB
100
#E9E5F6
200
#D2C7EF
300
#B39FE4
400
#896CD6
500
#6038C7
600
#4D2D9F
700
#3D247F
800
#301C64
900
#261849
950
#180F2E

Contrast Checker

Text on white

14.23:1

AA Pass AAA Pass

Text on black

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