#FD696C

Color Details

HEX
#FD696C
RGB
rgb(253, 105, 108)
HSL
hsl(359, 97%, 70%)
CMYK
cmyk(0%, 58%, 57%, 1%)
Best text on this color #000000 (CR 7.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fd696c
Contrast 7.41:1 AAA
White on #fd696c
Contrast 2.83:1 Fail
#fd696c on Black
Contrast 7.41:1 AAA
#fd696c on White
Contrast 2.83:1 Fail

Tints & Shades

#fd8789
#fea5a7
#fec3c4
#ca5456
#983f41
#652a2b

Complement & Analogous

#68fdfa
#fdb068
#fd68b5

Triadic

#6bfd68
#686bfd

Monochrome

#652a2b #983f41 #fd696c #fea5a7 #fec3c4 #ffe1e2

Analogous

#fd68b5 #fe95cb #fd696c #fdc086 #fdb068 #ca8d53

Complementary Mix

#983f41 #fd696c #fea5a7 #68fdfa #9dfefc #44a4a3

Nearby Colors

#fd696b
#fd696d
#fd695c
#fd697c

Embed #FD696C swatch

Embed this swatch

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

Open image

About #FD696C

#FD696C converts to RGB(253, 105, 108) and HSL(359, 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).

#FD696C FAQs

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