#300C98

#300C98

Color Values

HEX

#300C98

RGB

48, 12, 152

HSL

255.4, 85.4%, 32.2%

HSV

255.4, 92.1%, 59.6%

CMYK

68.4%, 92.1%, 0.0%, 40.4%

OKLCH

0.3402 0.1957 279.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#300C98

#74980C

Analogous

#0C2E98

#760C98

#300C98

Triadic

#300C98

#98300C

#0C9830

Split Complementary

#300C98

#98760C

#2E980C

Tetradic

#300C98

#980C2E

#74980C

#0C9876

Color Blindness Simulation

Original

#300C98

Protanopia

#202076

Deuteranopia

#22256E

Tritanopia

#2E5B56

Achromatopsia

#1E1E1E

CSS Usage

background-color: #300C98;
color: #300C98;
border-color: #300C98;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F2FD
100
#E7E0FA
200
#CCBDFA
300
#A88EF6
400
#7950F1
500
#4B13EC
600
#3C0FBD
700
#300C97
800
#250976
900
#1E0B56
950
#130736

Contrast Checker

Text on white

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