#053A9C

Color Details

HEX
#053A9C
RGB
rgb(5, 58, 156)
HSL
hsl(219, 94%, 32%)
CMYK
cmyk(97%, 63%, 0%, 39%)
Best text on this color #FFFFFF (CR 10.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #053a9c
Contrast 2.09:1 Fail
White on #053a9c
Contrast 10.04:1 AAA
#053a9c on Black
Contrast 2.09:1 Fail
#053a9c on White
Contrast 10.04:1 AAA

Tints & Shades

#3761b0
#6989c4
#9bb0d7
#042e7d
#03235e
#02173e

Complement & Analogous

#9e6905
#1c059e
#05879e

Triadic

#9e053b
#3b9e05

Monochrome

#02173e #03235e #053a9c #6989c4 #9bb0d7 #cdd8eb

Analogous

#05879e #50abbb #053a9c #4937b1 #1c059e #16047e

Complementary Mix

#03235e #053a9c #6989c4 #9e6905 #c09e5d #674403

Nearby Colors

#053a9b
#053a9d
#053a8c
#053aac

Embed #053A9C swatch

Embed this swatch

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

Open image

About #053A9C

#053A9C converts to RGB(5, 58, 156) and HSL(219, 94%, 32%). 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).

#053A9C FAQs

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