#3A0964

#3A0964

Color Values

HEX

#3A0964

RGB

58, 9, 100

HSL

272.3, 83.5%, 21.4%

HSV

272.3, 91.0%, 39.2%

CMYK

42.0%, 91.0%, 0.0%, 60.8%

OKLCH

0.2907 0.1414 301.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3A0964

#336409

Analogous

#0C0964

#640961

#3A0964

Triadic

#3A0964

#643A09

#09643A

Split Complementary

#3A0964

#616409

#09640C

Tetradic

#3A0964

#640C09

#336409

#096164

Color Blindness Simulation

Original

#3A0964

Protanopia

#25244E

Deuteranopia

#282B49

Tritanopia

#383D39

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DEBDF9
300
#C68FF5
400
#A752EF
500
#8815EA
600
#6D11BB
700
#570D96
800
#440B75
900
#330C55
950
#200836

Contrast Checker

Text on white

14.97:1

AA Pass AAA Pass

Text on black

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