#301F85

#301F85

Color Values

HEX

#301F85

RGB

48, 31, 133

HSL

250.0, 62.2%, 32.2%

HSV

250.0, 76.7%, 52.2%

CMYK

63.9%, 76.7%, 0.0%, 47.8%

OKLCH

0.3375 0.1591 281.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#301F85

#74851F

Analogous

#1F4185

#631F85

#301F85

Triadic

#301F85

#85301F

#1F8530

Split Complementary

#301F85

#85631F

#41851F

Tetradic

#301F85

#851F41

#74851F

#1F8563

Color Blindness Simulation

Original

#301F85

Protanopia

#29286C

Deuteranopia

#2A2B66

Tritanopia

#2F5955

Achromatopsia

#2A2A2A

CSS Usage

background-color: #301F85;
color: #301F85;
border-color: #301F85;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CCC5F2
300
#A89CE8
400
#7A66DB
500
#4B30CF
600
#3C27A5
700
#301F84
800
#251867
900
#1E154C
950
#130D30

Contrast Checker

Text on white

12.65:1

AA Pass AAA Pass

Text on black

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