#3198FF

#3198FF

Color Values

HEX

#3198FF

RGB

49, 152, 255

HSL

210.0, 100.0%, 59.6%

HSV

210.0, 80.8%, 100.0%

CMYK

80.8%, 40.4%, 0.0%, 0.0%

OKLCH

0.6729 0.178 252.4

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#3198FF

#FF9831

Analogous

#31FFFF

#3131FF

#3198FF

Triadic

#3198FF

#FF3198

#98FF31

Split Complementary

#3198FF

#FF3131

#FFFF31

Tetradic

#3198FF

#FF31FF

#FF9831

#31FF31

Color Blindness Simulation

Original

#3198FF

Protanopia

#5E5EE6

Deuteranopia

#5850E0

Tritanopia

#36D2CE

Achromatopsia

#8A8A8A

CSS Usage

background-color: #3198FF;
color: #3198FF;
border-color: #3198FF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DBFF
300
#85C2FF
400
#42A1FF
500
#0080FF
600
#0066CC
700
#0052A3
800
#004080
900
#05305C
950
#031F3A

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.07:1

AA Pass AAA Pass

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