#2C60AC

#2C60AC

Color Values

HEX

#2C60AC

RGB

44, 96, 172

HSL

215.6, 59.3%, 42.4%

HSV

215.6, 74.4%, 67.5%

CMYK

74.4%, 44.2%, 0.0%, 32.5%

OKLCH

0.4944 0.1337 258.1

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2C60AC

#AC782C

Analogous

#2CA0AC

#382CAC

#2C60AC

Triadic

#2C60AC

#AC2C60

#60AC2C

Split Complementary

#2C60AC

#AC382C

#A0AC2C

Tetradic

#2C60AC

#AC2CA0

#AC782C

#2CAC38

Color Blindness Simulation

Original

#2C60AC

Protanopia

#43439A

Deuteranopia

#403C95

Tritanopia

#2F8B88

Achromatopsia

#5A5A5A

CSS Usage

background-color: #2C60AC;
color: #2C60AC;
border-color: #2C60AC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FB
100
#E4EBF6
200
#C6D7F0
300
#9EBBE6
400
#6996D9
500
#3471CB
600
#2A5BA2
700
#214982
800
#1A3966
900
#172C4A
950
#0E1C2F

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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