#3A0871

#3A0871

Color Values

HEX

#3A0871

RGB

58, 8, 113

HSL

268.6, 86.8%, 23.7%

HSV

268.6, 92.9%, 44.3%

CMYK

48.7%, 92.9%, 0.0%, 55.7%

OKLCH

0.3034 0.1555 296.5

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3A0871

#3F7108

Analogous

#080A71

#6E0871

#3A0871

Triadic

#3A0871

#713A08

#08713A

Split Complementary

#3A0871

#716E08

#0A7108

Tetradic

#3A0871

#71080A

#3F7108

#08716E

Color Blindness Simulation

Original

#3A0871

Protanopia

#242458

Deuteranopia

#272B52

Tritanopia

#37443F

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABCFA
300
#BF8DF7
400
#9D4FF3
500
#7A11EE
600
#620DBF
700
#4E0B98
800
#3D0877
900
#2F0B56
950
#1D0737

Contrast Checker

Text on white

14.45:1

AA Pass AAA Pass

Text on black

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