#34719D

#34719D

Color Values

HEX

#34719D

RGB

52, 113, 157

HSL

205.1, 50.2%, 41.0%

HSV

205.1, 66.9%, 61.6%

CMYK

66.9%, 28.0%, 0.0%, 38.4%

OKLCH

0.5283 0.0938 242.8

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#34719D

#9D6034

Analogous

#349D94

#343D9D

#34719D

Triadic

#34719D

#9D3471

#719D34

Split Complementary

#34719D

#9D343D

#9D9434

Tetradic

#34719D

#94349D

#9D6034

#3D9D34

Color Blindness Simulation

Original

#34719D

Protanopia

#4E4F92

Deuteranopia

#4B4690

Tritanopia

#378A88

Achromatopsia

#676767

CSS Usage

background-color: #34719D;
color: #34719D;
border-color: #34719D;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#C9DEED
300
#A3C7E1
400
#71A8D0
500
#3F8AC0
600
#336E99
700
#29587B
800
#204560
900
#1B3446
950
#11212C

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

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