#3C1AB2

#3C1AB2

Color Values

HEX

#3C1AB2

RGB

60, 26, 178

HSL

253.4, 74.5%, 40.0%

HSV

253.4, 85.4%, 69.8%

CMYK

66.3%, 85.4%, 0.0%, 30.2%

OKLCH

0.3914 0.2139 280.2

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3C1AB2

#90B21A

Analogous

#1A44B2

#881AB2

#3C1AB2

Triadic

#3C1AB2

#B23C1A

#1AB23C

Split Complementary

#3C1AB2

#B2881A

#44B21A

Tetradic

#3C1AB2

#B21A44

#90B21A

#1AB288

Color Blindness Simulation

Original

#3C1AB2

Protanopia

#2D2D8D

Deuteranopia

#2F3284

Tritanopia

#3A706A

Achromatopsia

#2C2C2C

CSS Usage

background-color: #3C1AB2;
color: #3C1AB2;
border-color: #3C1AB2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F3FC
100
#E7E2F8
200
#CDC1F6
300
#A994EF
400
#7A5AE7
500
#4B21DE
600
#3C1AB2
700
#30158E
800
#25106F
900
#1E1051
950
#130A33

Contrast Checker

Text on white

10.59:1

AA Pass AAA Pass

Text on black

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