#484299

#484299

Color Values

HEX

#484299

RGB

72, 66, 153

HSL

244.1, 39.7%, 42.9%

HSV

244.1, 56.9%, 60.0%

CMYK

52.9%, 56.9%, 0.0%, 40.0%

OKLCH

0.4342 0.1375 282.1

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#484299

#939942

Analogous

#426799

#734299

#484299

Triadic

#484299

#994842

#429948

Split Complementary

#484299

#997342

#679942

Tetradic

#484299

#994267

#939942

#429973

Color Blindness Simulation

Original

#484299

Protanopia

#454584

Deuteranopia

#46467F

Tritanopia

#487370

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ADAADA
400
#807BC6
500
#544DB2
600
#433E8E
700
#363172
800
#2A2659
900
#221F42
950
#15142A

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

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