#3C7AC3

#3C7AC3

Color Values

HEX

#3C7AC3

RGB

60, 122, 195

HSL

212.4, 52.9%, 50.0%

HSV

212.4, 69.2%, 76.5%

CMYK

69.2%, 37.4%, 0.0%, 23.5%

OKLCH

0.5737 0.13 254.1

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#3C7AC3

#C3853C

Analogous

#3CBEC3

#413CC3

#3C7AC3

Triadic

#3C7AC3

#C33C7A

#7AC33C

Split Complementary

#3C7AC3

#C3413C

#BEC33C

Tetradic

#3C7AC3

#C33CBE

#C3853C

#3CC341

Color Blindness Simulation

Original

#3C7AC3

Protanopia

#5757B1

Deuteranopia

#534FAD

Tritanopia

#3FA3A0

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DAEE
300
#A1BFE2
400
#6F9DD3
500
#3C7AC3
600
#30629C
700
#264E7D
800
#1E3D61
900
#192F48
950
#101D2D

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass 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