#300EF1

#300EF1

Color Values

HEX

#300EF1

RGB

48, 14, 241

HSL

249,0, 89,0%, 50,0%

HSV

249,0, 94,2%, 94,5%

CMYK

80,1%, 94,2%, 0,0%, 5,5%

OKLCH

0,4518 0,2879 270,7

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#300EF1

#CFF10E

Analogous

#0E5DF1

#A20EF1

#300EF1

Triadic

#300EF1

#F1300E

#0EF130

Split Complementary

#300EF1

#F1A20E

#5DF10E

Tetradic

#300EF1

#F10E5D

#CFF10E

#0EF1A2

Color Blindness Simulation

Original

#300EF1

Protanopia

#2121BA

Deuteranopia

#2326AD

Tritanopia

#2E8F85

Achromatopsia

#262626

CSS Usage

background-color: #300EF1;
color: #300EF1;
border-color: #300EF1;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FD
100
#E4E0FB
200
#C5BCFB
300
#9C8BF8
400
#664DF5
500
#300EF1
600
#260BC1
700
#1F099A
800
#180778
900
#150A57
950
#0D0637

Contrast Checker

Text on white

8,54:1

AA Pass AAA Pass

Text on black

2,46:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026