#2C6FA0

#2C6FA0

Color Values

HEX

#2C6FA0

RGB

44, 111, 160

HSL

205.3, 56.9%, 40.0%

HSV

205.3, 72.5%, 62.7%

CMYK

72.5%, 30.6%, 0.0%, 37.3%

OKLCH

0.5222 0.1025 243.9

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#2C6FA0

#A05D2C

Analogous

#2CA097

#2C35A0

#2C6FA0

Triadic

#2C6FA0

#A02C6F

#6FA02C

Split Complementary

#2C6FA0

#A02C35

#A0972C

Tetradic

#2C6FA0

#972CA0

#A05D2C

#35A02C

Color Blindness Simulation

Original

#2C6FA0

Protanopia

#494A94

Deuteranopia

#454091

Tritanopia

#2F8B89

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EFF6
200
#C7DEF0
300
#9FC7E5
400
#6BA9D6
500
#378BC8
600
#2C6FA0
700
#235980
800
#1B4564
900
#183449
950
#0F212E

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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