#2F5775

#2F5775

Color Values

HEX

#2F5775

RGB

47, 87, 117

HSL

205.7, 42.7%, 32.2%

HSV

205.7, 59.8%, 45.9%

CMYK

59.8%, 25.6%, 0.0%, 54.1%

OKLCH

0.4411 0.0672 242.7

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#2F5775

#754D2F

Analogous

#2F7570

#2F3475

#2F5775

Triadic

#2F5775

#752F57

#57752F

Split Complementary

#2F5775

#752F34

#75702F

Tetradic

#2F5775

#702F75

#754D2F

#34752F

Color Blindness Simulation

Original

#2F5775

Protanopia

#40416E

Deuteranopia

#3E3B6C

Tritanopia

#316867

Achromatopsia

#515151

CSS Usage

background-color: #2F5775;
color: #2F5775;
border-color: #2F5775;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEB
300
#A8C6DC
400
#78A6C9
500
#4987B6
600
#3A6C92
700
#2F5774
800
#25445B
900
#1E3343
950
#13202A

Contrast Checker

Text on white

7.66:1

AA Pass AAA Pass

Text on black

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