#302299

#302299

Color Values

HEX

#302299

RGB

48, 34, 153

HSL

247.1, 63.6%, 36.7%

HSV

247.1, 77.8%, 60.0%

CMYK

68.6%, 77.8%, 0.0%, 40.0%

OKLCH

0.3628 0.181 277.7

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#302299

#8B9922

Analogous

#224F99

#6C2299

#302299

Triadic

#302299

#993022

#229930

Split Complementary

#302299

#996C22

#4F9922

Tetradic

#302299

#99224F

#8B9922

#22996C

Color Blindness Simulation

Original

#302299

Protanopia

#2A2A7C

Deuteranopia

#2B2C75

Tritanopia

#2F6560

Achromatopsia

#2E2E2E

CSS Usage

background-color: #302299;
color: #302299;
border-color: #302299;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F3FB
100
#E6E4F7
200
#CAC5F2
300
#A49BE9
400
#7365DD
500
#422ED1
600
#3425A7
700
#2A1E85
800
#211768
900
#1B154C
950
#110D30

Contrast Checker

Text on white

11.57:1

AA Pass AAA Pass

Text on black

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