#2F5F61

#2F5F61

Color Values

HEX

#2F5F61

RGB

47, 95, 97

HSL

182.4, 34.7%, 28.2%

HSV

182.4, 51.5%, 38.0%

CMYK

51.5%, 2.1%, 0.0%, 62.0%

OKLCH

0.4528 0.0523 199.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2F5F61

#61312F

Analogous

#2F614A

#2F4661

#2F5F61

Triadic

#2F5F61

#612F5F

#5F612F

Split Complementary

#2F5F61

#612F46

#614A2F

Tetradic

#2F5F61

#4A2F61

#61312F

#46612F

Color Blindness Simulation

Original

#2F5F61

Protanopia

#444461

Deuteranopia

#413D60

Tritanopia

#316060

Achromatopsia

#555555

CSS Usage

background-color: #2F5F61;
color: #2F5F61;
border-color: #2F5F61;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE7E8
300
#ADD5D7
400
#80BFC1
500
#53A8AC
600
#438789
700
#356C6E
800
#2A5456
900
#213E40
950
#152728

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

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