#2E684D

#2E684D

Color Values

HEX

#2E684D

RGB

46, 104, 77

HSL

152.1, 38.7%, 29.4%

HSV

152.1, 55.8%, 40.8%

CMYK

55.8%, 0.0%, 26.0%, 59.2%

OKLCH

0.4702 0.0758 161.2

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#2E684D

#682E49

Analogous

#2E6830

#2E6668

#2E684D

Triadic

#2E684D

#4D2E68

#684D2E

Split Complementary

#2E684D

#682E66

#68302E

Tetradic

#2E684D

#302E68

#682E49

#66682E

Color Blindness Simulation

Original

#2E684D

Protanopia

#474854

Deuteranopia

#443F55

Tritanopia

#31595A

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

3.2:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026