#F26D8C

Color Details

HEX
#F26D8C
RGB
rgb(242, 109, 140)
HSL
hsl(346, 84%, 69%)
CMYK
cmyk(0%, 55%, 42%, 5%)
Best text on this color #000000 (CR 7.34:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f26d8c
Contrast 7.34:1 AAA
White on #f26d8c
Contrast 2.86:1 Fail
#f26d8c on Black
Contrast 7.34:1 AAA
#f26d8c on White
Contrast 2.86:1 Fail

Tints & Shades

#f58aa3
#f7a7ba
#fac5d1
#c25770
#914154
#612c38

Complement & Analogous

#6ef2d3
#f2916e
#f26ecf

Triadic

#8df26e
#6e8df2

Monochrome

#612c38 #914154 #f26d8c #f7a7ba #fac5d1 #fce2e8

Analogous

#f26ecf #f69add #f26d8c #f5a78b #f2916e #c27458

Complementary Mix

#914154 #f26d8c #f7a7ba #6ef2d3 #a1f7e2 #489d89

Nearby Colors

#f26d8b
#f26d8d
#f26d7c
#f26d9c

Embed #F26D8C swatch

Embed this swatch

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

Open image

About #F26D8C

#F26D8C converts to RGB(242, 109, 140) and HSL(346, 84%, 69%). 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).

#F26D8C FAQs

What is the RGB value of #F26D8C?
RGB: 242, 109, 140. Copy as CSS: rgb(242, 109, 140)
Is #F26D8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F26D8C?
Complement: #6ef2d3.
Does #F26D8C have good contrast on white or black?
On white: 2.86:1 (Fails AA). On black: 7.34:1 (AAA (normal text)).