#493498

#493498

Color Values

HEX

#493498

RGB

73, 52, 152

HSL

252.6, 49.0%, 40.0%

HSV

252.6, 65.8%, 59.6%

CMYK

52.0%, 65.8%, 0.0%, 40.4%

OKLCH

0.4098 0.1554 287.1

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#493498

#839834

Analogous

#345198

#7B3498

#493498

Triadic

#493498

#984934

#349849

Split Complementary

#493498

#987B34

#519834

Tetradic

#493498

#983451

#839834

#34987B

Color Blindness Simulation

Original

#493498

Protanopia

#404080

Deuteranopia

#41437A

Tritanopia

#486D68

Achromatopsia

#404040

CSS Usage

background-color: #493498;
color: #493498;
border-color: #493498;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F6F4FB
100
#E9E6F5
200
#D1CAED
300
#B0A4E0
400
#8672CF
500
#5B41BE
600
#493498
700
#3A2A7A
800
#2E215F
900
#241B46
950
#17112C

Contrast Checker

Text on white

9.43:1

AA Pass AAA Pass

Text on black

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