#313A9C

Color Details

HEX
#313A9C
RGB
rgb(49, 58, 156)
HSL
hsl(235, 52%, 40%)
CMYK
cmyk(69%, 63%, 0%, 39%)
Best text on this color #FFFFFF (CR 9.48:1) Determined by WCAG contrast ratio

Readability Previews

Black on #313a9c
Contrast 2.22:1 Fail
White on #313a9c
Contrast 9.48:1 AAA
#313a9c on Black
Contrast 2.22:1 Fail
#313a9c on White
Contrast 9.48:1 AAA

Tints & Shades

#5a61b0
#8389c4
#adb0d7
#272e7d
#1d235e
#14173e

Complement & Analogous

#9b9231
#5d319b
#316f9b

Triadic

#9b313a
#3a9b31

Monochrome

#14173e #1d235e #313a9c #8389c4 #adb0d7 #d6d8eb

Analogous

#316f9b #6f9ab9 #313a9c #7d5aaf #5d319b #4a277c

Complementary Mix

#1d235e #313a9c #8389c4 #9b9231 #beb879 #655f20

Nearby Colors

#313a9b
#313a9d
#313a8c
#313aac

Embed #313A9C swatch

Embed this swatch

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

Open image

About #313A9C

#313A9C converts to RGB(49, 58, 156) and HSL(235, 52%, 40%). 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).

#313A9C FAQs

What is the RGB value of #313A9C?
RGB: 49, 58, 156. Copy as CSS: rgb(49, 58, 156)
Is #313A9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #313A9C?
Complement: #9b9231.
Does #313A9C have good contrast on white or black?
On white: 9.48:1 (AAA (normal text)). On black: 2.22:1 (Fails AA).