#3478C2

#3478C2

Color Values

HEX

#3478C2

RGB

52, 120, 194

HSL

211.3, 57.7%, 48.2%

HSV

211.3, 73.2%, 76.1%

CMYK

73.2%, 38.1%, 0.0%, 23.9%

OKLCH

0.5657 0.1337 252.9

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#3478C2

#C27E34

Analogous

#34BFC2

#3734C2

#3478C2

Triadic

#3478C2

#C23478

#78C234

Split Complementary

#3478C2

#C23734

#BFC234

Tetradic

#3478C2

#C234BF

#C27E34

#34C237

Color Blindness Simulation

Original

#3478C2

Protanopia

#5152B0

Deuteranopia

#4E48AC

Tritanopia

#37A29F

Achromatopsia

#6F6F6F

CSS Usage

background-color: #3478C2;
color: #3478C2;
border-color: #3478C2;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C7DAF0
300
#9EC0E5
400
#6A9ED7
500
#367CC9
600
#2B63A1
700
#235081
800
#1B3E65
900
#172F4A
950
#0F1E2E

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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