#347DD4

#347DD4

Color Values

HEX

#347DD4

RGB

52, 125, 212

HSL

212.6, 65.0%, 51.8%

HSV

212.6, 75.5%, 83.1%

CMYK

75.5%, 41.0%, 0.0%, 16.9%

OKLCH

0.5879 0.1517 254.9

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#347DD4

#D48B34

Analogous

#34CDD4

#3B34D4

#347DD4

Triadic

#347DD4

#D4347D

#7DD434

Split Complementary

#347DD4

#D43B34

#CDD434

Tetradic

#347DD4

#D434CD

#D48B34

#34D43B

Color Blindness Simulation

Original

#347DD4

Protanopia

#5454BF

Deuteranopia

#4F4ABA

Tritanopia

#38AEAB

Achromatopsia

#747474

CSS Usage

background-color: #347DD4;
color: #347DD4;
border-color: #347DD4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D9F3
300
#9ABEEA
400
#639BDE
500
#2D78D2
600
#2460A8
700
#1D4D87
800
#163C69
900
#142E4D
950
#0D1D31

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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