#300AC2

#300AC2

Color Values

HEX

#300AC2

RGB

48, 10, 194

HSL

252.4, 90.2%, 40.0%

HSV

252.4, 94.8%, 76.1%

CMYK

75.3%, 94.8%, 0.0%, 23.9%

OKLCH

0.3912 0.2412 274.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#300AC2

#9CC20A

Analogous

#0A40C2

#8C0AC2

#300AC2

Triadic

#300AC2

#C2300A

#0AC230

Split Complementary

#300AC2

#C28C0A

#40C20A

Tetradic

#300AC2

#C20A40

#9CC20A

#0AC28C

Color Blindness Simulation

Original

#300AC2

Protanopia

#201F96

Deuteranopia

#22258B

Tritanopia

#2E726B

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C8BBFC
300
#A18BF9
400
#6F4CF6
500
#3C0CF3
600
#300AC2
700
#26089B
800
#1E0679
900
#190958
950
#100637

Contrast Checker

Text on white

10.78:1

AA Pass AAA Pass

Text on black

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