#301F76

#301F76

Color Values

HEX

#301F76

RGB

48, 31, 118

HSL

251.7, 58.4%, 29.2%

HSV

251.7, 73.7%, 46.3%

CMYK

59.3%, 73.7%, 0.0%, 53.7%

OKLCH

0.3222 0.1398 284.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#301F76

#65761F

Analogous

#1F3A76

#5B1F76

#301F76

Triadic

#301F76

#76301F

#1F7630

Split Complementary

#301F76

#765B1F

#3A761F

Tetradic

#301F76

#761F3A

#65761F

#1F765B

Color Blindness Simulation

Original

#301F76

Protanopia

#292861

Deuteranopia

#2A2B5C

Tritanopia

#2F504D

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E4F6
200
#CFC6F0
300
#AC9EE6
400
#7F6AD8
500
#5235CA
600
#422AA2
700
#352281
800
#291B65
900
#21174A
950
#150F2F

Contrast Checker

Text on white

13.26:1

AA Pass AAA Pass

Text on black

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