#3C2183

#3C2183

Color Values

HEX

#3C2183

RGB

60, 33, 131

HSL

256.5, 59.8%, 32.2%

HSV

256.5, 74.8%, 51.4%

CMYK

54.2%, 74.8%, 0.0%, 48.6%

OKLCH

0.3497 0.153 288.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3C2183

#688321

Analogous

#213783

#6D2183

#3C2183

Triadic

#3C2183

#833C21

#21833C

Split Complementary

#3C2183

#836D21

#378321

Tetradic

#3C2183

#832137

#688321

#21836D

Color Blindness Simulation

Original

#3C2183

Protanopia

#30306B

Deuteranopia

#323466

Tritanopia

#3B5954

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F6F3FB
100
#E9E4F6
200
#D2C6F1
300
#B19DE6
400
#8768D9
500
#5D33CC
600
#4B29A3
700
#3C2182
800
#2F1A66
900
#25164B
950
#170E2F

Contrast Checker

Text on white

12.09:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026