#358996

#358996

Color Values

HEX

#358996

RGB

53, 137, 150

HSL

188.0, 47.8%, 39.8%

HSV

188.0, 64.7%, 58.8%

CMYK

64.7%, 8.7%, 0.0%, 41.2%

OKLCH

0.5849 0.0818 209.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#358996

#964235

Analogous

#359672

#355996

#358996

Triadic

#358996

#963589

#899635

Split Complementary

#358996

#963559

#967235

Tetradic

#358996

#723596

#964235

#599635

Color Blindness Simulation

Original

#358996

Protanopia

#595A93

Deuteranopia

#544E92

Tritanopia

#399090

Achromatopsia

#787878

CSS Usage

background-color: #358996;
color: #358996;
border-color: #358996;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CAE8EC
300
#A5D7DF
400
#74C2CE
500
#43ACBC
600
#358A97
700
#2B6E79
800
#21565E
900
#1C4045
950
#11282C

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass 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