#35949F

#35949F

Color Values

HEX

#35949F

RGB

53, 148, 159

HSL

186.2, 50.0%, 41.6%

HSV

186.2, 66.7%, 62.4%

CMYK

66.7%, 6.9%, 0.0%, 37.6%

OKLCH

0.616 0.0883 206.0

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#35949F

#9F4035

Analogous

#359F75

#355F9F

#35949F

Triadic

#35949F

#9F3594

#949F35

Split Complementary

#35949F

#9F355F

#9F7535

Tetradic

#35949F

#75359F

#9F4035

#5F9F35

Color Blindness Simulation

Original

#35949F

Protanopia

#5E5F9C

Deuteranopia

#59529C

Tritanopia

#3A9A9A

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9E9ED
300
#A3DAE0
400
#71C6D0
500
#40B2BF
600
#338E99
700
#29727A
800
#205960
900
#1B4246
950
#112A2C

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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