#FD698C

Color Details

HEX
#FD698C
RGB
rgb(253, 105, 140)
HSL
hsl(346, 97%, 70%)
CMYK
cmyk(0%, 58%, 45%, 1%)
Best text on this color #000000 (CR 7.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fd698c
Contrast 7.58:1 AAA
White on #fd698c
Contrast 2.77:1 Fail
#fd698c on Black
Contrast 7.58:1 AAA
#fd698c on White
Contrast 2.77:1 Fail

Tints & Shades

#fd87a3
#fea5ba
#fec3d1
#ca5470
#983f54
#652a38

Complement & Analogous

#68fdda
#fd9068
#fd68d5

Triadic

#8bfd68
#688bfd

Monochrome

#652a38 #983f54 #fd698c #fea5ba #fec3d1 #ffe1e8

Analogous

#fd68d5 #fe95e2 #fd698c #fda686 #fd9068 #ca7353

Complementary Mix

#983f54 #fd698c #fea5ba #68fdda #9dfee7 #44a48e

Nearby Colors

#fd698b
#fd698d
#fd697c
#fd699c

Embed #FD698C swatch

Embed this swatch

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

Open image

About #FD698C

#FD698C converts to RGB(253, 105, 140) and HSL(346, 97%, 70%). 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).

#FD698C FAQs

What is the RGB value of #FD698C?
RGB: 253, 105, 140. Copy as CSS: rgb(253, 105, 140)
Is #FD698C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FD698C?
Complement: #68fdda.
Does #FD698C have good contrast on white or black?
On white: 2.77:1 (Fails AA). On black: 7.58:1 (AAA (normal text)).