#3A0558

#3A0558

Color Values

HEX

#3A0558

RGB

58, 5, 88

HSL

278.3, 89.2%, 18.2%

HSV

278.3, 94.3%, 34.5%

CMYK

34.1%, 94.3%, 0.0%, 65.5%

OKLCH

0.2756 0.133 308.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3A0558

#235805

Analogous

#100558

#58054C

#3A0558

Triadic

#3A0558

#583A05

#05583A

Split Complementary

#3A0558

#4C5805

#055810

Tetradic

#3A0558

#581005

#235805

#054C58

Color Blindness Simulation

Original

#3A0558

Protanopia

#232344

Deuteranopia

#262A3F

Tritanopia

#373431

Achromatopsia

#161616

CSS Usage

background-color: #3A0558;
color: #3A0558;
border-color: #3A0558;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E4BBFB
300
#D18BF8
400
#B84CF5
500
#9F0EF1
600
#7F0BC1
700
#66099A
800
#4F0779
900
#3B0A57
950
#250637

Contrast Checker

Text on white

15.64:1

AA Pass AAA Pass

Text on black

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