#357374

#357374

Color Values

HEX

#357374

RGB

53, 115, 116

HSL

181.0, 37.3%, 33.1%

HSV

181.0, 54.3%, 45.5%

CMYK

54.3%, 0.9%, 0.0%, 54.5%

OKLCH

0.5153 0.0638 196.8

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#357374

#743635

Analogous

#357455

#355374

#357374

Triadic

#357374

#743573

#737435

Split Complementary

#357374

#743553

#745535

Tetradic

#357374

#553574

#743635

#537435

Color Blindness Simulation

Original

#357374

Protanopia

#505074

Deuteranopia

#4C4874

Tritanopia

#387474

Achromatopsia

#666666

CSS Usage

background-color: #357374;
color: #357374;
border-color: #357374;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CEE8E9
300
#ABD8D9
400
#7DC3C4
500
#50ADAF
600
#408B8C
700
#336F70
800
#285758
900
#204041
950
#142929

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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