#34AE82

#34AE82

Color Values

HEX

#34AE82

RGB

52, 174, 130

HSL

158.4, 54.0%, 44.3%

HSV

158.4, 70.1%, 68.2%

CMYK

70.1%, 0.0%, 25.3%, 31.8%

OKLCH

0.6729 0.1255 164.6

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#34AE82

#AE3460

Analogous

#34AE45

#349DAE

#34AE82

Triadic

#34AE82

#8234AE

#AE8234

Split Complementary

#34AE82

#AE349D

#AE4534

Tetradic

#34AE82

#4534AE

#AE3460

#9DAE34

Color Blindness Simulation

Original

#34AE82

Protanopia

#696A8D

Deuteranopia

#62598F

Tritanopia

#3A9597

Achromatopsia

#919191

CSS Usage

background-color: #34AE82;
color: #34AE82;
border-color: #34AE82;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EFE1
300
#A1E3CB
400
#6ED4AF
500
#3BC493
600
#2F9D75
700
#267E5E
800
#1D6249
900
#194837
950
#102D23

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026