#2F5652

#2F5652

Color Values

HEX

#2F5652

RGB

47, 86, 82

HSL

173.8, 29.3%, 26.1%

HSV

173.8, 45.3%, 33.7%

CMYK

45.3%, 0.0%, 4.7%, 66.3%

OKLCH

0.423 0.045 187.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2F5652

#562F33

Analogous

#2F563F

#2F4756

#2F5652

Triadic

#2F5652

#522F56

#56522F

Split Complementary

#2F5652

#562F47

#563F2F

Tetradic

#2F5652

#3F2F56

#562F33

#47562F

Color Blindness Simulation

Original

#2F5652

Protanopia

#404053

Deuteranopia

#3E3B53

Tritanopia

#315454

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E4
300
#B0D4D0
400
#85BCB7
500
#5AA59D
600
#48847E
700
#3A6A65
800
#2D524F
900
#243D3B
950
#172725

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026