#300778

#300778

Color Values

HEX

#300778

RGB

48, 7, 120

HSL

261.8, 89.0%, 24.9%

HSV

261.8, 94.2%, 47.1%

CMYK

60.0%, 94.2%, 0.0%, 52.9%

OKLCH

0.2985 0.1634 287.5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#300778

#4F7807

Analogous

#071678

#690778

#300778

Triadic

#300778

#783007

#077830

Split Complementary

#300778

#786907

#167807

Tetradic

#300778

#780716

#4F7807

#077869

Color Blindness Simulation

Original

#300778

Protanopia

#1E1E5D

Deuteranopia

#212456

Tritanopia

#2E4742

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#E9E0FB
200
#D3BCFB
300
#B38BF8
400
#8A4DF5
500
#600EF1
600
#4D0BC1
700
#3E099A
800
#300778
900
#260A57
950
#180637

Contrast Checker

Text on white

14.71:1

AA Pass AAA Pass

Text on black

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