#F2A6CC

Color Details

HEX
#F2A6CC
RGB
rgb(242, 166, 204)
HSL
hsl(330, 75%, 80%)
CMYK
cmyk(0%, 31%, 16%, 5%)
Best text on this color #000000 (CR 11.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f2a6cc
Contrast 11.10:1 AAA
White on #f2a6cc
Contrast 1.89:1 Fail
#f2a6cc on Black
Contrast 11.10:1 AAA
#f2a6cc on White
Contrast 1.89:1 Fail

Tints & Shades

#f5b8d6
#f7cae0
#fadbeb
#c285a3
#91647a
#614252

Complement & Analogous

#a6f2cc
#f2a6a6
#f2a6f2

Triadic

#ccf2a6
#a6ccf2

Monochrome

#614252 #91647a #f2a6cc #f7cae0 #fadbeb #fcedf5

Analogous

#f2a6f2 #f6c1f6 #f2a6cc #f5b8b8 #f2a6a6 #c28585

Complementary Mix

#91647a #f2a6cc #f7cae0 #a6f2cc #c5f7de #6c9d85

Nearby Colors

#f2a6cb
#f2a6cd
#f2a6bc
#f2a6dc

Embed #F2A6CC swatch

Embed this swatch

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

Open image

About #F2A6CC

#F2A6CC converts to RGB(242, 166, 204) and HSL(330, 75%, 80%). 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).

#F2A6CC FAQs

What is the RGB value of #F2A6CC?
RGB: 242, 166, 204. Copy as CSS: rgb(242, 166, 204)
Is #F2A6CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F2A6CC?
Complement: #a6f2cc.
Does #F2A6CC have good contrast on white or black?
On white: 1.89:1 (Fails AA). On black: 11.10:1 (AAA (normal text)).