#4A0986

#4A0986

Color Values

HEX

#4A0986

RGB

74, 9, 134

HSL

271.2, 87.4%, 28.0%

HSV

271.2, 93.3%, 52.5%

CMYK

44.8%, 93.3%, 0.0%, 47.5%

OKLCH

0.3467 0.1776 299.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#4A0986

#458609

Analogous

#0B0986

#860983

#4A0986

Triadic

#4A0986

#864A09

#09864A

Split Complementary

#4A0986

#838609

#09860B

Tetradic

#4A0986

#860B09

#458609

#098386

Color Blindness Simulation

Original

#4A0986

Protanopia

#2E2D68

Deuteranopia

#323660

Tritanopia

#47504B

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBCFB
300
#C48CF7
400
#A44EF3
500
#8410EF
600
#6A0DBF
700
#540A99
800
#420877
900
#320A57
950
#200737

Contrast Checker

Text on white

12.54:1

AA Pass AAA Pass

Text on black

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