#2F725D

#2F725D

Color Values

HEX

#2F725D

RGB

47, 114, 93

HSL

161.2, 41.6%, 31.6%

HSV

161.2, 58.8%, 44.7%

CMYK

58.8%, 0.0%, 18.4%, 55.3%

OKLCH

0.5025 0.0764 169.8

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#2F725D

#722F44

Analogous

#2F723C

#2F6672

#2F725D

Triadic

#2F725D

#5D2F72

#725D2F

Split Complementary

#2F725D

#722F66

#723C2F

Tetradic

#2F725D

#3C2F72

#722F44

#66722F

Color Blindness Simulation

Original

#2F725D

Protanopia

#4C4D62

Deuteranopia

#484363

Tritanopia

#326667

Achromatopsia

#626262

CSS Usage

background-color: #2F725D;
color: #2F725D;
border-color: #2F725D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CCEAE1
300
#A8DBCB
400
#79C8AF
500
#4AB593
600
#3C9076
700
#30745E
800
#255A4A
900
#1E4337
950
#132A23

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026