#302B79

#302B79

Color Values

HEX

#302B79

RGB

48, 43, 121

HSL

243.8, 47.6%, 32.2%

HSV

243.8, 64.5%, 47.5%

CMYK

60.3%, 64.5%, 0.0%, 52.5%

OKLCH

0.3453 0.1283 280.2

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#302B79

#74792B

Analogous

#2B4D79

#572B79

#302B79

Triadic

#302B79

#79302B

#2B7930

Split Complementary

#302B79

#79572B

#4D792B

Tetradic

#302B79

#792B4D

#74792B

#2B7957

Color Blindness Simulation

Original

#302B79

Protanopia

#2E2E66

Deuteranopia

#2E2E62

Tritanopia

#305754

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CCCAEC
300
#A8A5DF
400
#7974CE
500
#4A43BC
600
#3C3597
700
#302B78
800
#25215E
900
#1E1C45
950
#13112C

Contrast Checker

Text on white

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