#051A2C

Color Details

HEX
#051A2C
RGB
rgb(5, 26, 44)
HSL
hsl(208, 80%, 10%)
CMYK
cmyk(89%, 41%, 0%, 83%)
Best text on this color #FFFFFF (CR 17.64:1) Determined by WCAG contrast ratio

Readability Previews

Black on #051a2c
Contrast 1.19:1 Fail
White on #051a2c
Contrast 17.64:1 AAA
#051a2c on Black
Contrast 1.19:1 Fail
#051a2c on White
Contrast 17.64:1 AAA

Tints & Shades

#374856
#697680
#9ba3ab
#041523
#03101a
#020a12

Complement & Analogous

#2e1805
#05062e
#052e2d

Triadic

#2e051b
#1b2e05

Monochrome

#020a12 #03101a #051a2c #697680 #9ba3ab #cdd1d5

Analogous

#052e2d #506d6c #051a2c #373858 #05062e #040525

Complementary Mix

#03101a #051a2c #697680 #2e1805 #77695d #1e1003

Nearby Colors

#051a2b
#051a2d
#051a1c
#051a3c

Embed #051A2C swatch

Embed this swatch

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

Open image

About #051A2C

#051A2C converts to RGB(5, 26, 44) and HSL(208, 80%, 10%). 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).

#051A2C FAQs

What is the RGB value of #051A2C?
RGB: 5, 26, 44. Copy as CSS: rgb(5, 26, 44)
Is #051A2C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #051A2C?
Complement: #2e1805.
Does #051A2C have good contrast on white or black?
On white: 17.64:1 (AAA (normal text)). On black: 1.19:1 (Fails AA).