#390980

#390980

Color Values

HEX

#390980

RGB

57, 9, 128

HSL

264,2, 86,9%, 26,9%

HSV

264,2, 93,0%, 50,2%

CMYK

55,5%, 93,0%, 0,0%, 49,8%

OKLCH

0,3192 0,1705 290,7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#390980

#508009

Analogous

#091580

#750980

#390980

Triadic

#390980

#803909

#098039

Split Complementary

#390980

#807509

#158009

Tetradic

#390980

#800915

#508009

#098075

Color Blindness Simulation

Original

#390980

Protanopia

#242463

Deuteranopia

#272B5C

Tritanopia

#374C47

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EBE0FA
200
#D5BCFA
300
#B88DF7
400
#914FF3
500
#6A11EE
600
#550DBF
700
#440B99
800
#350877
900
#290B56
950
#1A0737

Contrast Checker

Text on white

13,77:1

AA Pass AAA Pass

Text on black

1,52:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026