#3B0975

#3B0975

Color Values

HEX

#3B0975

RGB

59, 9, 117

HSL

267.8, 85.7%, 24.7%

HSV

267.8, 92.3%, 45.9%

CMYK

49.6%, 92.3%, 0.0%, 54.1%

OKLCH

0.3096 0.1591 295.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3B0975

#437509

Analogous

#090D75

#710975

#3B0975

Triadic

#3B0975

#753B09

#09753B

Split Complementary

#3B0975

#757109

#0D7509

Tetradic

#3B0975

#75090D

#437509

#097571

Color Blindness Simulation

Original

#3B0975

Protanopia

#25255B

Deuteranopia

#282C55

Tritanopia

#384642

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D9BDFA
300
#BE8DF6
400
#9B50F2
500
#7712ED
600
#600FBD
700
#4C0C98
800
#3C0976
900
#2E0B56
950
#1D0736

Contrast Checker

Text on white

14.17:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026