#302C78

#302C78

Color Values

HEX

#302C78

RGB

48, 44, 120

HSL

243.2, 46.3%, 32.2%

HSV

243.2, 63.3%, 47.1%

CMYK

60.0%, 63.3%, 0.0%, 52.9%

OKLCH

0.3463 0.1255 279.9

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#302C78

#74782C

Analogous

#2C4E78

#562C78

#302C78

Triadic

#302C78

#78302C

#2C7830

Split Complementary

#302C78

#78562C

#4E782C

Tetradic

#302C78

#782C4E

#74782C

#2C7856

Color Blindness Simulation

Original

#302C78

Protanopia

#2E2E66

Deuteranopia

#2E2F61

Tritanopia

#305754

Achromatopsia

#323232

CSS Usage

background-color: #302C78;
color: #302C78;
border-color: #302C78;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCBEC
300
#A8A5DE
400
#7A75CC
500
#4B44BB
600
#3C3795
700
#302C77
800
#25225D
900
#1E1C45
950
#13122B

Contrast Checker

Text on white

11.95:1

AA Pass AAA Pass

Text on black

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