#300FF0

#300FF0

Color Values

HEX

#300FF0

RGB

48, 15, 240

HSL

248.8, 88.2%, 50.0%

HSV

248.8, 93.8%, 94.1%

CMYK

80.0%, 93.8%, 0.0%, 5.9%

OKLCH

0.451 0.2866 270.7

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#300FF0

#CFF00F

Analogous

#0F5FF0

#A00FF0

#300FF0

Triadic

#300FF0

#F0300F

#0FF030

Split Complementary

#300FF0

#F0A00F

#5FF00F

Tetradic

#300FF0

#F00F5F

#CFF00F

#0FF0A0

Color Blindness Simulation

Original

#300FF0

Protanopia

#2221BA

Deuteranopia

#2426AC

Tritanopia

#2E8F85

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E0FB
200
#C5BCFB
300
#9C8CF8
400
#664DF4
500
#300FF0
600
#260CC0
700
#1F0A9A
800
#180878
900
#150A57
950
#0D0637

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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