#f96aa0

Color #f96aa0

A vivid, highly saturated light pink.

Closest named color Hot Pink #ff69b4 · ΔE 10.49 Nearest Tailwind class pink-400 #fb64b6 · ΔE 5.4

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#f96aa0

RGB

rgb(249, 106, 160)

HSL

hsl(337.3, 92.3%, 69.6%)

HSV / HSB

hsv(337.3, 57.4%, 97.6%)

CMYK

cmyk(0%, 57.4%, 35.7%, 2.4%)

LAB

lab(64.15, 59.66, -1.31)

LCH

lch(64.15, 59.67, 358.74)

OKLCH

oklch(71.5%, 0.1819, 359.15)

HWB

hwb(337.3, 41.6%, 2.4%)

Harmony colors

Complementary

#6af9c3

Analogous

#f96ae8

#f96aa0

#f97b6a

Triadic

#f96aa0

#a0f96a

#6aa0f9

Split-complementary

#f96aa0

#6af97b

#6ae8f9

Tetradic

#f96aa0

#f9c36a

#6af9c3

#6aa0f9

Square

#f96aa0

#e8f96a

#6af9c3

#7b6af9

Shades

Color #f96aa0 mixed toward black.

#f7317c

#e4095c

#ab0745

#72052e

#390217

Tints

Color #f96aa0 mixed toward white.

#fa83b0

#fb9cc0

#fcb4d0

#fdcddf

#fee6ef

Tones

Color #f96aa0 mixed toward gray.

#ed76a3

#e182a6

#d58ea9

#c99aac

#bda6af

Accessibility

Aa White text on this color

2.76:1

Aa Black text on this color

7.6:1

Black text reads better on this background (7.6:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#cbca95 · ΔE 49.3

Deuteranopia

#d2db92 · ΔE 57.1

Tritanopia

#f48c8a · ΔE 14.1

Achromatopsia

#9b9b9b · ΔE 26.1

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #f96aa0;

Tailwind (arbitrary value)

bg-[#f96aa0]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#f96aa0 (#f96aa0) is rgb(249, 106, 160) in RGB.

No, #f96aa0 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #f96aa0, or check how it holds up for accessibility.

Generate a palette → Check contrast