#FD697C

Color Details

HEX
#FD697C
RGB
rgb(253, 105, 124)
HSL
hsl(352, 97%, 70%)
CMYK
cmyk(0%, 58%, 51%, 1%)
Best text on this color #000000 (CR 7.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fd697c
Contrast 7.49:1 AAA
White on #fd697c
Contrast 2.80:1 Fail
#fd697c on Black
Contrast 7.49:1 AAA
#fd697c on White
Contrast 2.80:1 Fail

Tints & Shades

#fd8796
#fea5b0
#fec3cb
#ca5463
#983f4a
#652a32

Complement & Analogous

#68fde9
#fd9f68
#fd68c6

Triadic

#7cfd68
#687cfd

Monochrome

#652a32 #983f4a #fd697c #fea5b0 #fec3cb #ffe1e5

Analogous

#fd68c6 #fe95d7 #fd697c #fdb286 #fd9f68 #ca7f53

Complementary Mix

#983f4a #fd697c #fea5b0 #68fde9 #9dfef1 #44a497

Nearby Colors

#fd697b
#fd697d
#fd696c
#fd698c

Embed #FD697C swatch

Embed this swatch

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

Open image

About #FD697C

#FD697C converts to RGB(253, 105, 124) and HSL(352, 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).

#FD697C FAQs

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