#301490

#301490

Color Values

HEX

#301490

RGB

48, 20, 144

HSL

253.5, 75.6%, 32.2%

HSV

253.5, 86.1%, 56.5%

CMYK

66.7%, 86.1%, 0.0%, 43.5%

OKLCH

0.3369 0.1821 280.7

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#301490

#749014

Analogous

#143690

#6E1490

#301490

Triadic

#301490

#903014

#149030

Split Complementary

#301490

#906E14

#369014

Tetradic

#301490

#901436

#749014

#14906E

Color Blindness Simulation

Original

#301490

Protanopia

#242472

Deuteranopia

#26286B

Tritanopia

#2F5A55

Achromatopsia

#232323

CSS Usage

background-color: #301490;
color: #301490;
border-color: #301490;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F2FC
100
#E7E2F9
200
#CCC0F6
300
#A894F0
400
#7959E8
500
#4A1FE0
600
#3C19B3
700
#30148F
800
#251070
900
#1E0F51
950
#130A33

Contrast Checker

Text on white

12.9:1

AA Pass AAA Pass

Text on black

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