#302C77

#302C77

Color Values

HEX

#302C77

RGB

48, 44, 119

HSL

243.2, 46.0%, 32.0%

HSV

243.2, 63.0%, 46.7%

CMYK

59.7%, 63.0%, 0.0%, 53.3%

OKLCH

0.3454 0.1241 280.1

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#302C77

#73772C

Analogous

#2C4E77

#562C77

#302C77

Triadic

#302C77

#77302C

#2C7730

Split Complementary

#302C77

#77562C

#4E772C

Tetradic

#302C77

#772C4E

#73772C

#2C7756

Color Blindness Simulation

Original

#302C77

Protanopia

#2E2E65

Deuteranopia

#2E2F60

Tritanopia

#305753

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCBEC
300
#A9A6DE
400
#7A75CC
500
#4B45BA
600
#3C3795
700
#302C77
800
#26225D
900
#1F1C45
950
#13122B

Contrast Checker

Text on white

11.98:1

AA Pass AAA Pass

Text on black

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