#2F81B4

Color Details

HEX
#2F81B4
RGB
rgb(47, 129, 180)
HSL
hsl(203, 59%, 45%)
CMYK
cmyk(74%, 28%, 0%, 29%)
Best text on this color #000000 (CR 4.92:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f81b4
Contrast 4.92:1 AA
White on #2f81b4
Contrast 4.27:1 Fail
#2f81b4 on Black
Contrast 4.92:1 AA
#2f81b4 on White
Contrast 4.27:1 Fail

Tints & Shades

#599ac3
#82b3d2
#accde1
#266790
#1c4d6c
#133448

Complement & Analogous

#b6632f
#2f3fb6
#2fb6a7

Triadic

#b62f83
#83b62f

Monochrome

#133448 #1c4d6c #2f81b4 #82b3d2 #accde1 #d5e6f0

Analogous

#2fb6a7 #6dccc1 #2f81b4 #5965c5 #2f3fb6 #263292

Complementary Mix

#1c4d6c #2f81b4 #82b3d2 #b6632f #d09a78 #76401f

Nearby Colors

#2f81b3
#2f81b5
#2f81a4
#2f81c4

Embed #2F81B4 swatch

Embed this swatch

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

Open image

About #2F81B4

#2F81B4 converts to RGB(47, 129, 180) and HSL(203, 59%, 45%). 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).

#2F81B4 FAQs

What is the RGB value of #2F81B4?
RGB: 47, 129, 180. Copy as CSS: rgb(47, 129, 180)
Is #2F81B4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F81B4?
Complement: #b6632f.
Does #2F81B4 have good contrast on white or black?
On white: 4.27:1 (AA (large text)). On black: 4.92:1 (AA (normal text)).