#3C5EC3

#3C5EC3

Color Values

HEX

#3C5EC3

RGB

60, 94, 195

HSL

224.9, 52.9%, 50.0%

HSV

224.9, 69.2%, 76.5%

CMYK

69.2%, 51.8%, 0.0%, 23.5%

OKLCH

0.5132 0.1627 266.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#3C5EC3

#C3A13C

Analogous

#3CA1C3

#5E3CC3

#3C5EC3

Triadic

#3C5EC3

#C33C5E

#5EC33C

Split Complementary

#3C5EC3

#C35E3C

#A1C33C

Tetradic

#3C5EC3

#C33CA1

#C3A13C

#3CC35E

Color Blindness Simulation

Original

#3C5EC3

Protanopia

#4B4BAB

Deuteranopia

#4946A5

Tritanopia

#3E9793

Achromatopsia

#5E5E5E

CSS Usage

background-color: #3C5EC3;
color: #3C5EC3;
border-color: #3C5EC3;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F6FB
100
#E5E9F5
200
#C8D2EE
300
#A1B2E2
400
#6F88D3
500
#3C5EC3
600
#304B9C
700
#263C7D
800
#1E2F61
900
#192548
950
#10172D

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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