#2F493F

#2F493F

Color Values

HEX

#2F493F

RGB

47, 73, 63

HSL

156.9, 21.7%, 23.5%

HSV

156.9, 35.6%, 28.6%

CMYK

35.6%, 0.0%, 13.7%, 71.4%

OKLCH

0.3809 0.0363 168.4

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#2F493F

#492F39

Analogous

#2F4932

#2F4649

#2F493F

Triadic

#2F493F

#3F2F49

#493F2F

Split Complementary

#2F493F

#492F46

#49322F

Tetradic

#2F493F

#322F49

#492F39

#46492F

Color Blindness Simulation

Original

#2F493F

Protanopia

#3A3A41

Deuteranopia

#393742

Tritanopia

#304344

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DD
300
#B5CFC5
400
#8CB5A5
500
#649B86
600
#507C6B
700
#406356
800
#324E43
900
#273A33
950
#192520

Contrast Checker

Text on white

9.79:1

AA Pass AAA Pass

Text on black

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