#2F4744

#2F4744

Color Values

HEX

#2F4744

RGB

47, 71, 68

HSL

172.5, 20.3%, 23.1%

HSV

172.5, 33.8%, 27.8%

CMYK

33.8%, 0.0%, 4.2%, 72.2%

OKLCH

0.3772 0.0301 186.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2F4744

#472F32

Analogous

#2F4738

#2F3E47

#2F4744

Triadic

#2F4744

#442F47

#47442F

Split Complementary

#2F4744

#472F3E

#47382F

Tetradic

#2F4744

#382F47

#472F32

#3E472F

Color Blindness Simulation

Original

#2F4744

Protanopia

#393A45

Deuteranopia

#383645

Tritanopia

#304545

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3E1
300
#B5CECB
400
#8DB4AF
500
#669993
600
#517B76
700
#41625E
800
#334D49
900
#283937
950
#192423

Contrast Checker

Text on white

9.97:1

AA Pass AAA Pass

Text on black

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