#484093

#484093

Color Values

HEX

#484093

RGB

72, 64, 147

HSL

245.8, 39.3%, 41.4%

HSV

245.8, 56.5%, 57.6%

CMYK

51.0%, 56.5%, 0.0%, 42.4%

OKLCH

0.4259 0.1319 283.6

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#484093

#8B9340

Analogous

#406293

#724093

#484093

Triadic

#484093

#934840

#409348

Split Complementary

#484093

#937240

#629340

Tetradic

#484093

#934062

#8B9340

#409372

Color Blindness Simulation

Original

#484093

Protanopia

#45447F

Deuteranopia

#45467A

Tritanopia

#486F6C

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CDE9
300
#AEAADA
400
#837CC6
500
#574DB2
600
#463E8E
700
#383272
800
#2C2759
900
#231F42
950
#161429

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

2.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026