#34896D

#34896D

Color Values

HEX

#34896D

RGB

52, 137, 109

HSL

160.2, 45.0%, 37.1%

HSV

160.2, 62.0%, 53.7%

CMYK

62.0%, 0.0%, 20.4%, 46.3%

OKLCH

0.5705 0.0931 168.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#34896D

#893450

Analogous

#348943

#347B89

#34896D

Triadic

#34896D

#6D3489

#896D34

Split Complementary

#34896D

#89347B

#894334

Tetradic

#34896D

#433489

#893450

#7B8934

Color Blindness Simulation

Original

#34896D

Protanopia

#595A74

Deuteranopia

#544E75

Tritanopia

#38797A

Achromatopsia

#757575

CSS Usage

background-color: #34896D;
color: #34896D;
border-color: #34896D;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBE1
300
#A6DDCB
400
#76CBAF
500
#46B993
600
#389476
700
#2D765E
800
#235C4A
900
#1D4437
950
#122B23

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.95:1

AA Pass AAA Fail

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