#F55F7D

Color Details

HEX
#F55F7D
RGB
rgb(245, 95, 125)
HSL
hsl(348, 88%, 67%)
CMYK
cmyk(0%, 61%, 49%, 4%)
Best text on this color #000000 (CR 6.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f55f7d
Contrast 6.82:1 AA
White on #f55f7d
Contrast 3.08:1 Fail
#f55f7d on Black
Contrast 6.82:1 AA
#f55f7d on White
Contrast 3.08:1 Fail

Tints & Shades

#f77f97
#f99fb1
#fbbfcb
#c44c64
#93394b
#622632

Complement & Analogous

#61f5d7
#f58d61
#f561c8

Triadic

#7ef561
#617ef5

Monochrome

#622632 #93394b #f55f7d #f99fb1 #fbbfcb #fddfe5

Analogous

#f561c8 #f890d9 #f55f7d #f7a481 #f58d61 #c4714e

Complementary Mix

#93394b #f55f7d #f99fb1 #61f5d7 #98f9e5 #3f9f8c

Nearby Colors

#f55f7c
#f55f7e
#f55f6d
#f55f8d

Embed #F55F7D swatch

Embed this swatch

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

Open image

About #F55F7D

#F55F7D converts to RGB(245, 95, 125) and HSL(348, 88%, 67%). 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).

#F55F7D FAQs

What is the RGB value of #F55F7D?
RGB: 245, 95, 125. Copy as CSS: rgb(245, 95, 125)
Is #F55F7D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F55F7D?
Complement: #61f5d7.
Does #F55F7D have good contrast on white or black?
On white: 3.08:1 (AA (large text)). On black: 6.82:1 (AA (normal text)).