#2F4A51

#2F4A51

Color Values

HEX

#2F4A51

RGB

47, 74, 81

HSL

192.4, 26.6%, 25.1%

HSV

192.4, 42.0%, 31.8%

CMYK

42.0%, 8.6%, 0.0%, 68.2%

OKLCH

0.3904 0.0347 215.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2F4A51

#51362F

Analogous

#2F5147

#2F3951

#2F4A51

Triadic

#2F4A51

#512F4A

#4A512F

Split Complementary

#2F4A51

#512F39

#51472F

Tetradic

#2F4A51

#472F51

#51362F

#39512F

Color Blindness Simulation

Original

#2F4A51

Protanopia

#3B3B4F

Deuteranopia

#39374F

Tritanopia

#304E4E

Achromatopsia

#454545

CSS Usage

background-color: #2F4A51;
color: #2F4A51;
border-color: #2F4A51;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D2E1E5
300
#B2CBD2
400
#88AFBA
500
#5E93A1
600
#4B7681
700
#3C5E67
800
#2F4A51
900
#25373C
950
#172326

Contrast Checker

Text on white

9.46:1

AA Pass AAA Pass

Text on black

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