#3C71C3

#3C71C3

Color Values

HEX

#3C71C3

RGB

60, 113, 195

HSL

216.4, 52.9%, 50.0%

HSV

216.4, 69.2%, 76.5%

CMYK

69.2%, 42.1%, 0.0%, 23.5%

OKLCH

0.5536 0.1399 258.9

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#3C71C3

#C38E3C

Analogous

#3CB5C3

#4A3CC3

#3C71C3

Triadic

#3C71C3

#C33C71

#71C33C

Split Complementary

#3C71C3

#C34A3C

#B5C33C

Tetradic

#3C71C3

#C33CB5

#C38E3C

#3CC34A

Color Blindness Simulation

Original

#3C71C3

Protanopia

#5353AF

Deuteranopia

#504CAA

Tritanopia

#3F9F9C

Achromatopsia

#6C6C6C

CSS Usage

background-color: #3C71C3;
color: #3C71C3;
border-color: #3C71C3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C8D7EE
300
#A1BBE2
400
#6F96D3
500
#3C71C3
600
#305A9C
700
#26487D
800
#1E3961
900
#192C48
950
#101B2D

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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