#490687

#490687

Color Values

HEX

#490687

RGB

73, 6, 135

HSL

271.2, 91.5%, 27.6%

HSV

271.2, 95.6%, 52.9%

CMYK

45.9%, 95.6%, 0.0%, 47.1%

OKLCH

0.3448 0.1801 298.4

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#490687

#448706

Analogous

#090687

#870684

#490687

Triadic

#490687

#874906

#068749

Split Complementary

#490687

#848706

#068709

Tetradic

#490687

#870906

#448706

#068487

Color Blindness Simulation

Original

#490687

Protanopia

#2C2B68

Deuteranopia

#303560

Tritanopia

#464F4A

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBBFC
300
#C48AFA
400
#A44AF7
500
#840BF4
600
#6A09C3
700
#55079C
800
#42057A
900
#320958
950
#200538

Contrast Checker

Text on white

12.66:1

AA Pass AAA Pass

Text on black

1.66:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026