#317CC7

#317CC7

Color Values

HEX

#317CC7

RGB

49, 124, 199

HSL

210.0, 60.5%, 48.6%

HSV

210.0, 75.4%, 78.0%

CMYK

75.4%, 37.7%, 0.0%, 22.0%

OKLCH

0.5768 0.137 251.5

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#317CC7

#C77C31

Analogous

#31C7C7

#3131C7

#317CC7

Triadic

#317CC7

#C7317C

#7CC731

Split Complementary

#317CC7

#C73131

#C7C731

Tetradic

#317CC7

#C731C7

#C77C31

#31C731

Color Blindness Simulation

Original

#317CC7

Protanopia

#5152B5

Deuteranopia

#4D48B0

Tritanopia

#35A7A3

Achromatopsia

#717171

CSS Usage

background-color: #317CC7;
color: #317CC7;
border-color: #317CC7;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C6DBF1
300
#9DC2E7
400
#68A1DA
500
#3280CD
600
#2866A4
700
#205283
800
#194066
900
#16304B
950
#0E1F2F

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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