#357663

#357663

Color Values

HEX

#357663

RGB

53, 118, 99

HSL

162.5, 38.0%, 33.5%

HSV

162.5, 55.1%, 46.3%

CMYK

55.1%, 0.0%, 16.1%, 53.7%

OKLCH

0.5174 0.0737 171.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#357663

#763548

Analogous

#357642

#356876

#357663

Triadic

#357663

#633576

#766335

Split Complementary

#357663

#763568

#764235

Tetradic

#357663

#423576

#763548

#687635

Color Blindness Simulation

Original

#357663

Protanopia

#515268

Deuteranopia

#4D4869

Tritanopia

#386B6C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CEE9E1
300
#ABD9CB
400
#7DC5B0
500
#4FB094
600
#3F8D76
700
#33715F
800
#28584A
900
#204137
950
#142923

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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