#2D8C66

#2D8C66

Color Values

HEX

#2D8C66

RGB

45, 140, 102

HSL

156.0, 51.4%, 36.3%

HSV

156.0, 67.9%, 54.9%

CMYK

67.9%, 0.0%, 27.1%, 45.1%

OKLCH

0.5745 0.1065 162.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2D8C66

#8C2D53

Analogous

#2D8C37

#2D838C

#2D8C66

Triadic

#2D8C66

#662D8C

#8C662D

Split Complementary

#2D8C66

#8C2D83

#8C372D

Tetradic

#2D8C66

#372D8C

#8C2D53

#838C2D

Color Blindness Simulation

Original

#2D8C66

Protanopia

#56576F

Deuteranopia

#514A71

Tritanopia

#327678

Achromatopsia

#757575

CSS Usage

background-color: #2D8C66;
color: #2D8C66;
border-color: #2D8C66;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C9EEDF
300
#A2E1C8
400
#70D1AA
500
#3EC18D
600
#329A70
700
#287C5A
800
#1F6146
900
#1A4735
950
#102D21

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass 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