#2F5874

#2F5874

Color Values

HEX

#2F5874

RGB

47, 88, 116

HSL

204.3, 42.3%, 32.0%

HSV

204.3, 59.5%, 45.5%

CMYK

59.5%, 24.1%, 0.0%, 54.5%

OKLCH

0.4431 0.0653 240.3

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#2F5874

#744B2F

Analogous

#2F746E

#2F3674

#2F5874

Triadic

#2F5874

#742F58

#58742F

Split Complementary

#2F5874

#742F36

#746E2F

Tetradic

#2F5874

#6E2F74

#744B2F

#36742F

Color Blindness Simulation

Original

#2F5874

Protanopia

#41416D

Deuteranopia

#3E3B6C

Tritanopia

#316867

Achromatopsia

#515151

CSS Usage

background-color: #2F5874;
color: #2F5874;
border-color: #2F5874;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDEEA
300
#A8C7DC
400
#79A8C9
500
#4A8AB5
600
#3B6E91
700
#2F5874
800
#25455B
900
#1E3443
950
#13212A

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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