#2C6DA0

#2C6DA0

Color Values

HEX

#2C6DA0

RGB

44, 109, 160

HSL

206.4, 56.9%, 40.0%

HSV

206.4, 72.5%, 62.7%

CMYK

72.5%, 31.9%, 0.0%, 37.3%

OKLCH

0.5174 0.1042 245.6

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#2C6DA0

#A05F2C

Analogous

#2CA099

#2C33A0

#2C6DA0

Triadic

#2C6DA0

#A02C6D

#6DA02C

Split Complementary

#2C6DA0

#A02C33

#A0992C

Tetradic

#2C6DA0

#992CA0

#A05F2C

#33A02C

Color Blindness Simulation

Original

#2C6DA0

Protanopia

#484994

Deuteranopia

#443F91

Tritanopia

#2F8A88

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DEF0
300
#9FC6E5
400
#6BA7D6
500
#3788C8
600
#2C6DA0
700
#235780
800
#1B4464
900
#183349
950
#0F202E

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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