#302876

#302876

Color Values

HEX

#302876

RGB

48, 40, 118

HSL

246.2, 49.4%, 31.0%

HSV

246.2, 66.1%, 46.3%

CMYK

59.3%, 66.1%, 0.0%, 53.7%

OKLCH

0.3372 0.1281 281.7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#302876

#6E7628

Analogous

#284776

#572876

#302876

Triadic

#302876

#763028

#287630

Split Complementary

#302876

#765728

#477628

Tetradic

#302876

#762847

#6E7628

#287657

Color Blindness Simulation

Original

#302876

Protanopia

#2D2C63

Deuteranopia

#2D2E5F

Tritanopia

#305451

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CDCAED
300
#AAA4E0
400
#7C72CF
500
#4E41BE
600
#3E3498
700
#32297A
800
#27205F
900
#1F1B46
950
#14112C

Contrast Checker

Text on white

12.42:1

AA Pass AAA Pass

Text on black

1.69:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026