#2F529D

Color Details

HEX
#2F529D
RGB
rgb(47, 82, 157)
HSL
hsl(221, 54%, 40%)
CMYK
cmyk(70%, 48%, 0%, 38%)
Best text on this color #FFFFFF (CR 7.46:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f529d
Contrast 2.81:1 Fail
White on #2f529d
Contrast 7.46:1 AAA
#2f529d on Black
Contrast 2.81:1 Fail
#2f529d on White
Contrast 7.46:1 AAA

Tints & Shades

#5975b1
#8297c4
#acbad8
#26427e
#1c315e
#13213f

Complement & Analogous

#9d7a2f
#432f9d
#2f899d

Triadic

#9d2f52
#529d2f

Monochrome

#13213f #1c315e #2f529d #8297c4 #acbad8 #d5dceb

Analogous

#2f899d #6dacba #2f529d #6959b1 #432f9d #36267e

Complementary Mix

#1c315e #2f529d #8297c4 #9d7a2f #bfa978 #664f1f

Nearby Colors

#2f529c
#2f529e
#2f528d
#2f52ad

Embed #2F529D swatch

Embed this swatch

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

Open image

About #2F529D

#2F529D converts to RGB(47, 82, 157) and HSL(221, 54%, 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).

#2F529D FAQs

What is the RGB value of #2F529D?
RGB: 47, 82, 157. Copy as CSS: rgb(47, 82, 157)
Is #2F529D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F529D?
Complement: #9d7a2f.
Does #2F529D have good contrast on white or black?
On white: 7.46:1 (AAA (normal text)). On black: 2.81:1 (Fails AA).