#2F81C3

Color Details

HEX
#2F81C3
RGB
rgb(47, 129, 195)
HSL
hsl(207, 61%, 47%)
CMYK
cmyk(76%, 34%, 0%, 24%)
Best text on this color #000000 (CR 5.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f81c3
Contrast 5.05:1 AA
White on #2f81c3
Contrast 4.16:1 Fail
#2f81c3 on Black
Contrast 5.05:1 AA
#2f81c3 on White
Contrast 4.16:1 Fail

Tints & Shades

#599acf
#82b3db
#accde7
#26679c
#1c4d75
#13344e

Complement & Analogous

#c1712f
#2f36c1
#2fc1ba

Triadic

#c12f7f
#7fc12f

Monochrome

#13344e #1c4d75 #2f81c3 #82b3db #accde7 #d5e6f3

Analogous

#2fc1ba #6dd4cf #2f81c3 #595ecd #2f36c1 #262b9a

Complementary Mix

#1c4d75 #2f81c3 #82b3db #c1712f #d7a378 #7d491f

Nearby Colors

#2f81c2
#2f81c4
#2f81b3
#2f81d3

Embed #2F81C3 swatch

Embed this swatch

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

Open image

About #2F81C3

#2F81C3 converts to RGB(47, 129, 195) and HSL(207, 61%, 47%). 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).

#2F81C3 FAQs

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