#2F4D52

#2F4D52

Color Values

HEX

#2F4D52

RGB

47, 77, 82

HSL

188,6, 27,1%, 25,3%

HSV

188,6, 42,7%, 32,2%

CMYK

42,7%, 6,1%, 0,0%, 67,8%

OKLCH

0,3988 0,0366 209,1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2F4D52

#52342F

Analogous

#2F5246

#2F3C52

#2F4D52

Triadic

#2F4D52

#522F4D

#4D522F

Split Complementary

#2F4D52

#522F3C

#52462F

Tetradic

#2F4D52

#462F52

#52342F

#3C522F

Color Blindness Simulation

Original

#2F4D52

Protanopia

#3C3C51

Deuteranopia

#3A3850

Tritanopia

#305050

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E2E5
300
#B1CED2
400
#87B3BA
500
#5D98A2
600
#4A7A82
700
#3B6168
800
#2E4C51
900
#25393C
950
#172426

Contrast Checker

Text on white

9,11:1

AA Pass AAA Pass

Text on black

2,3: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