#2DAD7A

#2DAD7A

Color Values

HEX

#2DAD7A

RGB

45, 173, 122

HSL

156.1, 58.7%, 42.7%

HSV

156.1, 74.0%, 67.8%

CMYK

74.0%, 0.0%, 29.5%, 32.2%

OKLCH

0.6668 0.1334 161.6

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#2DAD7A

#AD2D60

Analogous

#2DAD3A

#2DA0AD

#2DAD7A

Triadic

#2DAD7A

#7A2DAD

#AD7A2D

Split Complementary

#2DAD7A

#AD2DA0

#AD3A2D

Tetradic

#2DAD7A

#3A2DAD

#AD2D60

#A0AD2D

Color Blindness Simulation

Original

#2DAD7A

Protanopia

#646686

Deuteranopia

#5D5389

Tritanopia

#339092

Achromatopsia

#8E8E8E

CSS Usage

background-color: #2DAD7A;
color: #2DAD7A;
border-color: #2DAD7A;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C6F0E0
300
#9EE6C9
400
#69D8AC
500
#35CA8F
600
#2AA272
700
#22815B
800
#1A6547
900
#174A36
950
#0E2F22

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.37:1

AA Pass AAA Pass

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