#300FBD

#300FBD

Color Values

HEX

#300FBD

RGB

48, 15, 189

HSL

251.4, 85.3%, 40.0%

HSV

251.4, 92.1%, 74.1%

CMYK

74.6%, 92.1%, 0.0%, 25.9%

OKLCH

0.3875 0.2342 274.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#300FBD

#9CBD0F

Analogous

#0F45BD

#870FBD

#300FBD

Triadic

#300FBD

#BD300F

#0FBD30

Split Complementary

#300FBD

#BD870F

#45BD0F

Tetradic

#300FBD

#BD0F45

#9CBD0F

#0FBD87

Color Blindness Simulation

Original

#300FBD

Protanopia

#222193

Deuteranopia

#242689

Tritanopia

#2E726A

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E0FA
200
#C8BDFA
300
#A18EF6
400
#6F50F1
500
#3C13EC
600
#300FBD
700
#260C97
800
#1E0976
900
#190B56
950
#100736

Contrast Checker

Text on white

10.89:1

AA Pass AAA Pass

Text on black

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