#051F5C

Color Details

HEX
#051F5C
RGB
rgb(5, 31, 92)
HSL
hsl(222, 90%, 19%)
CMYK
cmyk(95%, 66%, 0%, 64%)
Best text on this color #FFFFFF (CR 15.48:1) Determined by WCAG contrast ratio

Readability Previews

Black on #051f5c
Contrast 1.36:1 Fail
White on #051f5c
Contrast 15.48:1 AAA
#051f5c on Black
Contrast 1.36:1 Fail
#051f5c on White
Contrast 15.48:1 AAA

Tints & Shades

#374c7d
#69799d
#9ba5be
#04194a
#031337
#020c25

Complement & Analogous

#5c4205
#16055c
#054b5c

Triadic

#5c051f
#1f5c05

Monochrome

#020c25 #031337 #051f5c #69799d #9ba5be #cdd2de

Analogous

#054b5c #50818d #051f5c #45377d #16055c #12044a

Complementary Mix

#031337 #051f5c #69799d #5c4205 #95845d #3c2b03

Nearby Colors

#051f5b
#051f5d
#051f4c
#051f6c

Embed #051F5C swatch

Embed this swatch

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

Open image

About #051F5C

#051F5C converts to RGB(5, 31, 92) and HSL(222, 90%, 19%). 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).

#051F5C FAQs

What is the RGB value of #051F5C?
RGB: 5, 31, 92. Copy as CSS: rgb(5, 31, 92)
Is #051F5C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #051F5C?
Complement: #5c4205.
Does #051F5C have good contrast on white or black?
On white: 15.48:1 (AAA (normal text)). On black: 1.36:1 (Fails AA).