#2FABBC

Color Details

HEX
#2FABBC
RGB
rgb(47, 171, 188)
HSL
hsl(187, 60%, 46%)
CMYK
cmyk(75%, 9%, 0%, 26%)
Best text on this color #000000 (CR 7.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2fabbc
Contrast 7.67:1 AAA
White on #2fabbc
Contrast 2.74:1 Fail
#2fabbc on Black
Contrast 7.67:1 AAA
#2fabbc on White
Contrast 2.74:1 Fail

Tints & Shades

#59bcc9
#82cdd7
#acdde4
#268996
#1c6771
#13444b

Complement & Analogous

#bc3f2f
#2f65bc
#2fbc86

Triadic

#bc2fab
#abbc2f

Monochrome

#13444b #1c6771 #2fabbc #82cdd7 #acdde4 #d5eef2

Analogous

#2fbc86 #6dd0aa #2fabbc #5984c9 #2f65bc #265196

Complementary Mix

#1c6771 #2fabbc #82cdd7 #bc3f2f #d38278 #7a291f

Nearby Colors

#2fabbb
#2fabbd
#2fabac
#2fabcc

Embed #2FABBC swatch

Embed this swatch

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

Open image

About #2FABBC

#2FABBC converts to RGB(47, 171, 188) and HSL(187, 60%, 46%). 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).

#2FABBC FAQs

What is the RGB value of #2FABBC?
RGB: 47, 171, 188. Copy as CSS: rgb(47, 171, 188)
Is #2FABBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2FABBC?
Complement: #bc3f2f.
Does #2FABBC have good contrast on white or black?
On white: 2.74:1 (Fails AA). On black: 7.67:1 (AAA (normal text)).