#317AD4

#317AD4

Color Values

HEX

#317AD4

RGB

49, 122, 212

HSL

213.1, 65.5%, 51.2%

HSV

213.1, 76.9%, 83.1%

CMYK

76.9%, 42.5%, 0.0%, 16.9%

OKLCH

0.5804 0.1558 255.6

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#317AD4

#D48B31

Analogous

#31CCD4

#3931D4

#317AD4

Triadic

#317AD4

#D4317A

#7AD431

Split Complementary

#317AD4

#D43931

#CCD431

Tetradic

#317AD4

#D431CC

#D48B31

#31D439

Color Blindness Simulation

Original

#317AD4

Protanopia

#5151BE

Deuteranopia

#4C47B9

Tritanopia

#35ADA9

Achromatopsia

#717171

CSS Usage

background-color: #317AD4;
color: #317AD4;
border-color: #317AD4;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D9F3
300
#9ABEEA
400
#639ADE
500
#2C77D3
600
#235FA9
700
#1C4C87
800
#163B6A
900
#142D4D
950
#0D1D31

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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