#3178CF

#3178CF

Color Values

HEX

#3178CF

RGB

49, 120, 207

HSL

213.0, 62.2%, 50.2%

HSV

213.0, 76.3%, 81.2%

CMYK

76.3%, 42.0%, 0.0%, 18.8%

OKLCH

0.5727 0.1516 255.4

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#3178CF

#CF8831

Analogous

#31C7CF

#3931CF

#3178CF

Triadic

#3178CF

#CF3178

#78CF31

Split Complementary

#3178CF

#CF3931

#C7CF31

Tetradic

#3178CF

#CF31C7

#CF8831

#31CF39

Color Blindness Simulation

Original

#3178CF

Protanopia

#5050BA

Deuteranopia

#4C46B5

Tritanopia

#35A9A6

Achromatopsia

#6F6F6F

CSS Usage

background-color: #3178CF;
color: #3178CF;
border-color: #3178CF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D9F2
300
#9CBEE8
400
#669BDB
500
#3078CF
600
#2760A5
700
#1F4D84
800
#183C67
900
#152E4C
950
#0D1D30

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026