#2F6C9D

#2F6C9D

Color Values

HEX

#2F6C9D

RGB

47, 108, 157

HSL

206.7, 53.9%, 40.0%

HSV

206.7, 70.1%, 61.6%

CMYK

70.1%, 31.2%, 0.0%, 38.4%

OKLCH

0.5144 0.1001 245.8

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#2F6C9D

#9D602F

Analogous

#2F9D97

#2F359D

#2F6C9D

Triadic

#2F6C9D

#9D2F6C

#6C9D2F

Split Complementary

#2F6C9D

#9D2F35

#9D972F

Tetradic

#2F6C9D

#972F9D

#9D602F

#359D2F

Color Blindness Simulation

Original

#2F6C9D

Protanopia

#494A91

Deuteranopia

#46418E

Tritanopia

#328886

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C8DDEF
300
#A1C5E3
400
#6EA6D4
500
#3B87C4
600
#2F6C9D
700
#26567E
800
#1D4462
900
#193348
950
#10202D

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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