#357456

#357456

Color Values

HEX

#357456

RGB

53, 116, 86

HSL

151.4, 37.3%, 33.1%

HSV

151.4, 54.3%, 45.5%

CMYK

54.3%, 0.0%, 25.9%, 54.5%

OKLCH

0.5084 0.0816 160.8

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#357456

#743553

Analogous

#357436

#357274

#357456

Triadic

#357456

#563574

#745635

Split Complementary

#357456

#743572

#743635

Tetradic

#357456

#363574

#743553

#727435

Color Blindness Simulation

Original

#357456

Protanopia

#50515D

Deuteranopia

#4D485F

Tritanopia

#386364

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DC
300
#ABD9C3
400
#7DC4A2
500
#50AF82
600
#408C68
700
#337053
800
#285841
900
#204131
950
#14291F

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026