#34808D

#34808D

Color Values

HEX

#34808D

RGB

52, 128, 141

HSL

188.8, 46.1%, 37.8%

HSV

188.8, 63.1%, 55.3%

CMYK

63.1%, 9.2%, 0.0%, 44.7%

OKLCH

0.5581 0.0763 210.6

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#34808D

#8D4134

Analogous

#348D6D

#34538D

#34808D

Triadic

#34808D

#8D3480

#808D34

Split Complementary

#34808D

#8D3453

#8D6D34

Tetradic

#34808D

#6D348D

#8D4134

#538D34

Color Blindness Simulation

Original

#34808D

Protanopia

#55568A

Deuteranopia

#504B89

Tritanopia

#388787

Achromatopsia

#717171

CSS Usage

background-color: #34808D;
color: #34808D;
border-color: #34808D;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CBE7EC
300
#A6D6DE
400
#75BFCC
500
#45A9BA
600
#378795
700
#2C6C77
800
#22555D
900
#1C3F45
950
#12282B

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

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