#3C18B4

#3C18B4

Color Values

HEX

#3C18B4

RGB

60, 24, 180

HSL

253.8, 76.5%, 40.0%

HSV

253.8, 86.7%, 70.6%

CMYK

66.7%, 86.7%, 0.0%, 29.4%

OKLCH

0.392 0.2174 280.1

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3C18B4

#90B418

Analogous

#1842B4

#8A18B4

#3C18B4

Triadic

#3C18B4

#B43C18

#18B43C

Split Complementary

#3C18B4

#B48A18

#42B418

Tetradic

#3C18B4

#B41842

#90B418

#18B48A

Color Blindness Simulation

Original

#3C18B4

Protanopia

#2C2C8E

Deuteranopia

#2E3185

Tritanopia

#3A706A

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E7E2F9
200
#CDC0F7
300
#A993F1
400
#7A58E9
500
#4B1EE1
600
#3C18B4
700
#301390
800
#250F71
900
#1E0F52
950
#130A34

Contrast Checker

Text on white

10.6:1

AA Pass AAA Pass

Text on black

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