#34C189

#34C189

Color Values

HEX

#34C189

RGB

52, 193, 137

HSL

156.2, 57.6%, 48.0%

HSV

156.2, 73.1%, 75.7%

CMYK

73.1%, 0.0%, 29.0%, 24.3%

OKLCH

0.7235 0.1441 161.7

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#34C189

#C1346C

Analogous

#34C142

#34B2C1

#34C189

Triadic

#34C189

#8934C1

#C18934

Split Complementary

#34C189

#C134B2

#C14234

Tetradic

#34C189

#4234C1

#C1346C

#B2C134

Color Blindness Simulation

Original

#34C189

Protanopia

#717297

Deuteranopia

#695E9A

Tritanopia

#3BA1A4

Achromatopsia

#9F9F9F

CSS Usage

background-color: #34C189;
color: #34C189;
border-color: #34C189;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C7F0E0
300
#9FE5C9
400
#6AD7AC
500
#36C98F
600
#2BA172
700
#23815B
800
#1B6447
900
#174A36
950
#0F2E22

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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