#3A0577

#3A0577

Color Values

HEX

#3A0577

RGB

58, 5, 119

HSL

267.9, 91.9%, 24.3%

HSV

267.9, 95.8%, 46.7%

CMYK

51.3%, 95.8%, 0.0%, 53.3%

OKLCH

0.3078 0.1637 294.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#3A0577

#427705

Analogous

#050977

#730577

#3A0577

Triadic

#3A0577

#773A05

#05773A

Split Complementary

#3A0577

#777305

#097705

Tetradic

#3A0577

#770509

#427705

#057773

Color Blindness Simulation

Original

#3A0577

Protanopia

#23235B

Deuteranopia

#262A55

Tritanopia

#374641

Achromatopsia

#181818

CSS Usage

background-color: #3A0577;
color: #3A0577;
border-color: #3A0577;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BAFC
300
#BE8AFA
400
#9B4AF7
500
#770AF5
600
#5F08C4
700
#4C079D
800
#3C057A
900
#2E0859
950
#1D0538

Contrast Checker

Text on white

14.31:1

AA Pass AAA Pass

Text on black

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