#2F99EE

Color Details

HEX
#2F99EE
RGB
rgb(47, 153, 238)
HSL
hsl(207, 85%, 56%)
CMYK
cmyk(80%, 36%, 0%, 7%)
Best text on this color #000000 (CR 6.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f99ee
Contrast 6.91:1 AA
White on #2f99ee
Contrast 3.04:1 Fail
#2f99ee on Black
Contrast 6.91:1 AA
#2f99ee on White
Contrast 3.04:1 Fail

Tints & Shades

#59adf1
#82c2f5
#acd6f8
#267abe
#1c5c8f
#133d5f

Complement & Analogous

#ee852f
#2f39ee
#2feee5

Triadic

#ee2f98
#98ee2f

Monochrome

#133d5f #1c5c8f #2f99ee #82c2f5 #acd6f8 #d5ebfc

Analogous

#2feee5 #6df3ed #2f99ee #5961f1 #2f39ee #262ebe

Complementary Mix

#1c5c8f #2f99ee #82c2f5 #ee852f #f4b078 #9b561f

Nearby Colors

#2f99ed
#2f99ef
#2f99de
#2f99fe

Embed #2F99EE swatch

Embed this swatch

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

Open image

About #2F99EE

#2F99EE converts to RGB(47, 153, 238) and HSL(207, 85%, 56%). 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).

#2F99EE FAQs

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