#3B0973

#3B0973

Color Values

HEX

#3B0973

RGB

59, 9, 115

HSL

268.3, 85.5%, 24.3%

HSV

268.3, 92.2%, 45.1%

CMYK

48.7%, 92.2%, 0.0%, 54.9%

OKLCH

0.3075 0.157 296.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3B0973

#417309

Analogous

#090C73

#700973

#3B0973

Triadic

#3B0973

#733B09

#09733B

Split Complementary

#3B0973

#737009

#0C7309

Tetradic

#3B0973

#73090C

#417309

#097370

Color Blindness Simulation

Original

#3B0973

Protanopia

#252559

Deuteranopia

#282C53

Tritanopia

#384541

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#DABDFA
300
#BF8DF6
400
#9C50F1
500
#7912ED
600
#610FBD
700
#4E0C97
800
#3D0976
900
#2E0B56
950
#1D0736

Contrast Checker

Text on white

14.26:1

AA Pass AAA Pass

Text on black

1.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026