#2F694E

#2F694E

Color Values

HEX

#2F694E

RGB

47, 105, 78

HSL

152.1, 38.2%, 29.8%

HSV

152.1, 55.2%, 41.2%

CMYK

55.2%, 0.0%, 25.7%, 58.8%

OKLCH

0.4736 0.0758 161.3

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#2F694E

#692F4A

Analogous

#2F6931

#2F6769

#2F694E

Triadic

#2F694E

#4E2F69

#694E2F

Split Complementary

#2F694E

#692F67

#69312F

Tetradic

#2F694E

#312F69

#692F4A

#67692F

Color Blindness Simulation

Original

#2F694E

Protanopia

#484955

Deuteranopia

#454056

Tritanopia

#325A5B

Achromatopsia

#5B5B5B

CSS Usage

background-color: #2F694E;
color: #2F694E;
border-color: #2F694E;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CEE9DC
300
#AAD9C3
400
#7DC5A3
500
#4FB083
600
#3F8D69
700
#327154
800
#275841
900
#204132
950
#14291F

Contrast Checker

Text on white

6.46:1

AA Pass AAA Fail

Text on black

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