#302AC2

#302AC2

Color Values

HEX

#302AC2

RGB

48, 42, 194

HSL

242.4, 64.4%, 46.3%

HSV

242.4, 78.4%, 76.1%

CMYK

75.3%, 78.4%, 0.0%, 23.9%

OKLCH

0.4178 0.2227 272.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#302AC2

#BCC22A

Analogous

#2A70C2

#7C2AC2

#302AC2

Triadic

#302AC2

#C2302A

#2AC230

Split Complementary

#302AC2

#C27C2A

#70C22A

Tetradic

#302AC2

#C22A70

#BCC22A

#2AC27C

Color Blindness Simulation

Original

#302AC2

Protanopia

#2D2D9D

Deuteranopia

#2E2E94

Tritanopia

#30807A

Achromatopsia

#363636

CSS Usage

background-color: #302AC2;
color: #302AC2;
border-color: #302AC2;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C4F2
300
#9E9AE9
400
#6964DD
500
#342DD2
600
#2A24A8
700
#211D86
800
#1A1769
900
#17144D
950
#0E0D30

Contrast Checker

Text on white

9.39:1

AA Pass AAA Pass

Text on black

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