#2F5653

#2F5653

Color Values

HEX

#2F5653

RGB

47, 86, 83

HSL

175.4, 29.3%, 26.1%

HSV

175.4, 45.3%, 33.7%

CMYK

45.3%, 0.0%, 3.5%, 66.3%

OKLCH

0.4233 0.0448 189.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2F5653

#562F32

Analogous

#2F5640

#2F4656

#2F5653

Triadic

#2F5653

#532F56

#56532F

Split Complementary

#2F5653

#562F46

#56402F

Tetradic

#2F5653

#402F56

#562F32

#46562F

Color Blindness Simulation

Original

#2F5653

Protanopia

#404054

Deuteranopia

#3E3B54

Tritanopia

#315454

Achromatopsia

#4D4D4D

CSS Usage

background-color: #2F5653;
color: #2F5653;
border-color: #2F5653;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E4
300
#B0D4D1
400
#85BCB8
500
#5AA59F
600
#48847F
700
#3A6A66
800
#2D5250
900
#243D3B
950
#172725

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

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