#357263

#357263

Color Values

HEX

#357263

RGB

53, 114, 99

HSL

165.2, 36.5%, 32.7%

HSV

165.2, 53.5%, 44.7%

CMYK

53.5%, 0.0%, 13.2%, 55.3%

OKLCH

0.5068 0.0682 175.2

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#357263

#723544

Analogous

#357244

#356272

#357263

Triadic

#357263

#633572

#726335

Split Complementary

#357263

#723562

#724435

Tetradic

#357263

#443572

#723544

#627235

Color Blindness Simulation

Original

#357263

Protanopia

#4F5067

Deuteranopia

#4C4768

Tritanopia

#38696A

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F0
200
#CEE8E2
300
#ABD8CD
400
#7EC3B2
500
#51AE97
600
#418B79
700
#346F61
800
#28574C
900
#214039
950
#152924

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026