#357068

#357068

Color Values

HEX

#357068

RGB

53, 112, 104

HSL

171.9, 35.8%, 32.4%

HSV

171.9, 52.7%, 43.9%

CMYK

52.7%, 0.0%, 7.1%, 56.1%

OKLCH

0.5031 0.0632 183.8

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#357068

#70353D

Analogous

#35704B

#355B70

#357068

Triadic

#357068

#683570

#706835

Split Complementary

#357068

#70355B

#704B35

Tetradic

#357068

#4B3570

#70353D

#5B7035

Color Blindness Simulation

Original

#357068

Protanopia

#4F4F6A

Deuteranopia

#4B476A

Tritanopia

#386B6C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CFE8E5
300
#ACD8D2
400
#7FC2B9
500
#52ADA1
600
#418B81
700
#346F67
800
#295750
900
#21403C
950
#152826

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026