#300C97

#300C97

Color Values

HEX

#300C97

RGB

48, 12, 151

HSL

255.5, 85.3%, 32.0%

HSV

255.5, 92.1%, 59.2%

CMYK

68.2%, 92.1%, 0.0%, 40.8%

OKLCH

0.3389 0.1946 280.0

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#300C97

#73970C

Analogous

#0C2E97

#760C97

#300C97

Triadic

#300C97

#97300C

#0C9730

Split Complementary

#300C97

#97760C

#2E970C

Tetradic

#300C97

#970C2E

#73970C

#0C9776

Color Blindness Simulation

Original

#300C97

Protanopia

#202075

Deuteranopia

#22256D

Tritanopia

#2E5B55

Achromatopsia

#1E1E1E

CSS Usage

background-color: #300C97;
color: #300C97;
border-color: #300C97;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F2FD
100
#E7E0FA
200
#CDBDFA
300
#A98EF6
400
#7A50F1
500
#4B13EC
600
#3C0FBD
700
#300C97
800
#250976
900
#1E0B56
950
#130736

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

1.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