#34919C

#34919C

Color Values

HEX

#34919C

RGB

52, 145, 156

HSL

186.3, 50.0%, 40.8%

HSV

186.3, 66.7%, 61.2%

CMYK

66.7%, 7.1%, 0.0%, 38.8%

OKLCH

0.607 0.0869 206.2

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#34919C

#9C3F34

Analogous

#349C73

#345D9C

#34919C

Triadic

#34919C

#9C3491

#919C34

Split Complementary

#34919C

#9C345D

#9C7334

Tetradic

#34919C

#73349C

#9C3F34

#5D9C34

Color Blindness Simulation

Original

#34919C

Protanopia

#5C5D99

Deuteranopia

#575099

Tritanopia

#399797

Achromatopsia

#7E7E7E

CSS Usage

background-color: #34919C;
color: #34919C;
border-color: #34919C;
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
#11292C

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.68:1

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