#34788F

#34788F

Color Values

HEX

#34788F

RGB

52, 120, 143

HSL

195.2, 46.7%, 38.2%

HSV

195.2, 63.6%, 56.1%

CMYK

63.6%, 16.1%, 0.0%, 43.9%

OKLCH

0.5388 0.0768 223.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#34788F

#8F4B34

Analogous

#348F78

#344A8F

#34788F

Triadic

#34788F

#8F3478

#788F34

Split Complementary

#34788F

#8F344A

#8F7834

Tetradic

#34788F

#78348F

#8F4B34

#4A8F34

Color Blindness Simulation

Original

#34788F

Protanopia

#515289

Deuteranopia

#4E4888

Tritanopia

#378584

Achromatopsia

#6B6B6B

CSS Usage

background-color: #34788F;
color: #34788F;
border-color: #34788F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE4EC
300
#A5D0DE
400
#75B6CD
500
#449DBB
600
#367D96
700
#2B6478
800
#224E5E
900
#1C3A45
950
#12252B

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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