#2F99DA

Color Details

HEX
#2F99DA
RGB
rgb(47, 153, 218)
HSL
hsl(203, 70%, 52%)
CMYK
cmyk(78%, 30%, 0%, 15%)
Best text on this color #000000 (CR 6.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f99da
Contrast 6.69:1 AA
White on #2f99da
Contrast 3.14:1 Fail
#2f99da on Black
Contrast 6.69:1 AA
#2f99da on White
Contrast 3.14:1 Fail

Tints & Shades

#59ade1
#82c2e9
#acd6f0
#267aae
#1c5c83
#133d57

Complement & Analogous

#da712f
#2f43da
#2fdac6

Triadic

#da2f99
#99da2f

Monochrome

#133d57 #1c5c83 #2f99da #82c2e9 #acd6f0 #d5ebf8

Analogous

#2fdac6 #6de5d7 #2f99da #5969e1 #2f43da #2636ae

Complementary Mix

#1c5c83 #2f99da #82c2e9 #da712f #e7a378 #8e491f

Nearby Colors

#2f99d9
#2f99db
#2f99ca
#2f99ea

Embed #2F99DA swatch

Embed this swatch

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

Open image

About #2F99DA

#2F99DA converts to RGB(47, 153, 218) and HSL(203, 70%, 52%). 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).

#2F99DA FAQs

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