#315D8C

Color Details

HEX
#315D8C
RGB
rgb(49, 93, 140)
HSL
hsl(211, 48%, 37%)
CMYK
cmyk(65%, 34%, 0%, 45%)
Best text on this color #FFFFFF (CR 6.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #315d8c
Contrast 3.08:1 Fail
White on #315d8c
Contrast 6.83:1 AA
#315d8c on Black
Contrast 3.08:1 Fail
#315d8c on White
Contrast 6.83:1 AA

Tints & Shades

#5a7da3
#839eba
#adbed1
#274a70
#1d3854
#142538

Complement & Analogous

#8c6031
#33318c
#318a8c

Triadic

#8c315d
#5d8c31

Monochrome

#142538 #1d3854 #315d8c #839eba #adbed1 #d6dfe8

Analogous

#318a8c #6fadaf #315d8c #5c5aa3 #33318c #292770

Complementary Mix

#1d3854 #315d8c #839eba #8c6031 #b49879 #5b3e20

Nearby Colors

#315d8b
#315d8d
#315d7c
#315d9c

Embed #315D8C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #315D8C

#315D8C converts to RGB(49, 93, 140) and HSL(211, 48%, 37%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#315D8C FAQs

What is the RGB value of #315D8C?
RGB: 49, 93, 140. Copy as CSS: rgb(49, 93, 140)
Is #315D8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #315D8C?
Complement: #8c6031.
Does #315D8C have good contrast on white or black?
On white: 6.83:1 (AA (normal text)). On black: 3.08:1 (AA (large text)).