#357153

#357153

Color Values

HEX

#357153

RGB

53, 113, 83

HSL

150.0, 36.1%, 32.5%

HSV

150.0, 53.1%, 44.3%

CMYK

53.1%, 0.0%, 26.5%, 55.7%

OKLCH

0.4995 0.0797 159.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#357153

#713553

Analogous

#357135

#357171

#357153

Triadic

#357153

#533571

#715335

Split Complementary

#357153

#713571

#713535

Tetradic

#357153

#353571

#713553

#717135

Color Blindness Simulation

Original

#357153

Protanopia

#4F505A

Deuteranopia

#4C475C

Tritanopia

#386061

Achromatopsia

#626262

CSS Usage

background-color: #357153;
color: #357153;
border-color: #357153;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DB
300
#ACD8C2
400
#7FC3A1
500
#51AE80
600
#418B66
700
#346F52
800
#295740
900
#214030
950
#15291F

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

3.64:1

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