#3194CE

#3194CE

Color Values

HEX

#3194CE

RGB

49, 148, 206

HSL

202.2, 61.6%, 50.0%

HSV

202.2, 76.2%, 80.8%

CMYK

76.2%, 28.2%, 0.0%, 19.2%

OKLCH

0.6363 0.1245 239.3

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#3194CE

#CE6B31

Analogous

#31CEBA

#3145CE

#3194CE

Triadic

#3194CE

#CE3194

#94CE31

Split Complementary

#3194CE

#CE3145

#CEBA31

Tetradic

#3194CE

#BA31CE

#CE6B31

#45CE31

Color Blindness Simulation

Original

#3194CE

Protanopia

#5C5DC0

Deuteranopia

#564FBD

Tritanopia

#36B5B2

Achromatopsia

#838383

CSS Usage

background-color: #3194CE;
color: #3194CE;
border-color: #3194CE;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FB
100
#E4F0F6
200
#C5E1F1
300
#9CCCE7
400
#67B0DB
500
#3194CE
600
#2776A5
700
#1F5F84
800
#184A67
900
#16374B
950
#0E2330

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.26:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026