#3C00A3

#3C00A3

Color Values

HEX

#3C00A3

RGB

60, 0, 163

HSL

262.1, 100.0%, 32.0%

HSV

262.1, 100.0%, 63.9%

CMYK

63.2%, 100.0%, 0.0%, 36.1%

OKLCH

0.3581 0.2104 284.2

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3C00A3

#67A300

Analogous

#0015A3

#8E00A3

#3C00A3

Triadic

#3C00A3

#A33C00

#00A33C

Split Complementary

#3C00A3

#A38E00

#15A300

Tetradic

#3C00A3

#A30015

#67A300

#00A38E

Color Blindness Simulation

Original

#3C00A3

Protanopia

#22217C

Deuteranopia

#262A72

Tritanopia

#395C56

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#E9DEFC
200
#D2B8FF
300
#B285FF
400
#8842FF
500
#5E00FF
600
#4B00CC
700
#3C00A3
800
#2F0080
900
#25055C
950
#17033A

Contrast Checker

Text on white

12.2:1

AA Pass AAA Pass

Text on black

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