#3C33CC

#3C33CC

Color Values

HEX

#3C33CC

RGB

60, 51, 204

HSL

243.5, 60.0%, 50.0%

HSV

243.5, 75.0%, 80.0%

CMYK

70.6%, 75.0%, 0.0%, 20.0%

OKLCH

0.4473 0.2234 275.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#3C33CC

#C3CC33

Analogous

#3377CC

#8833CC

#3C33CC

Triadic

#3C33CC

#CC3C33

#33CC3C

Split Complementary

#3C33CC

#CC8833

#77CC33

Tetradic

#3C33CC

#CC3377

#C3CC33

#33CC88

Color Blindness Simulation

Original

#3C33CC

Protanopia

#3838A7

Deuteranopia

#39399E

Tritanopia

#3C8A83

Achromatopsia

#404040

CSS Usage

background-color: #3C33CC;
color: #3C33CC;
border-color: #3C33CC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C8C6F1
300
#A19DE7
400
#6F68D9
500
#3C33CC
600
#3029A3
700
#262183
800
#1E1A66
900
#19164B
950
#100E2F

Contrast Checker

Text on white

8.28:1

AA Pass AAA Pass

Text on black

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