#301BF7

#301BF7

Color Values

HEX

#301BF7

RGB

48, 27, 247

HSL

245.7, 93.2%, 53.7%

HSV

245.7, 89.1%, 96.9%

CMYK

80.6%, 89.1%, 0.0%, 3.1%

OKLCH

0.466 0.2893 270.2

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#301BF7

#E2F71B

Analogous

#1B74F7

#9E1BF7

#301BF7

Triadic

#301BF7

#F7301B

#1BF730

Split Complementary

#301BF7

#F79E1B

#74F71B

Tetradic

#301BF7

#F71B74

#E2F71B

#1BF79E

Color Blindness Simulation

Original

#301BF7

Protanopia

#2727C2

Deuteranopia

#282AB5

Tritanopia

#2F988E

Achromatopsia

#2F2F2F

CSS Usage

background-color: #301BF7;
color: #301BF7;
border-color: #301BF7;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F1FD
100
#E2DFFB
200
#C0BAFD
300
#9489FB
400
#5949F9
500
#1F09F6
600
#1907C5
700
#14069E
800
#10047B
900
#100859
950
#0A0538

Contrast Checker

Text on white

8.0:1

AA Pass AAA Pass

Text on black

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