#315C9B

#315C9B

Color Values

HEX

#315C9B

RGB

49, 92, 155

HSL

215.7, 52.0%, 40.0%

HSV

215.7, 68.4%, 60.8%

CMYK

68.4%, 40.6%, 0.0%, 39.2%

OKLCH

0.4761 0.1129 258.0

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#315C9B

#9B7031

Analogous

#31919B

#3B319B

#315C9B

Triadic

#315C9B

#9B315C

#5C9B31

Split Complementary

#315C9B

#9B3B31

#919B31

Tetradic

#315C9B

#9B3191

#9B7031

#319B3B

Color Blindness Simulation

Original

#315C9B

Protanopia

#44448C

Deuteranopia

#413E88

Tritanopia

#33807D

Achromatopsia

#575757

CSS Usage

background-color: #315C9B;
color: #315C9B;
border-color: #315C9B;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C9D8EE
300
#A2BCE2
400
#7097D2
500
#3D73C2
600
#315C9B
700
#274A7C
800
#1F3961
900
#1A2C47
950
#101C2D

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail 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