#f65193

Color #f65193

A vivid, highly saturated light pink.

Closest named color Hot Pink #ff69b4 · ΔE 12.14 Nearest Tailwind class pink-500 #f6339a · ΔE 5

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

Conversions

HEX

#f65193

RGB

rgb(246, 81, 147)

HSL

hsl(336, 90.2%, 64.1%)

HSV / HSB

hsv(336, 67.1%, 96.5%)

CMYK

cmyk(0%, 67.1%, 40.2%, 3.5%)

LAB

lab(59.52, 67.68, -0.65)

LCH

lch(59.52, 67.68, 359.45)

OKLCH

oklch(67.8%, 0.2073, 359.75)

HWB

hwb(336, 31.8%, 3.5%)

Harmony colors

Complementary

#51f6b4

Analogous

#f651e6

#f65193

#f66151

Triadic

#f65193

#93f651

#5193f6

Split-complementary

#f65193

#51f661

#51e6f6

Tetradic

#f65193

#f6b451

#51f6b4

#5193f6

Square

#f65193

#e6f651

#51f6b4

#6151f6

Shades

Color #f65193 mixed toward black.

#f31d73

#cf0b59

#9b0843

#68052d

#340316

Tints

Color #f65193 mixed toward white.

#f86ea5

#f98bb7

#fba8c9

#fcc5db

#fee2ed

Tones

Color #f65193 mixed toward gray.

#e85f96

#db6c98

#cd7a9b

#bf889e

#b196a1

Accessibility

Aa White text on this color

3.22:1

Aa Black text on this color

6.52:1

Black text reads better on this background (6.52:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#c5c487 · ΔE 53.9

Deuteranopia

#ccd684 · ΔE 61.8

Tritanopia

#f17c79 · ΔE 15.7

Achromatopsia

#8f8f8f · ΔE 27.1

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

Code

CSS

background-color: #f65193;

Tailwind (arbitrary value)

bg-[#f65193]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#f65193 (#f65193) is rgb(246, 81, 147) in RGB.

No, #f65193 is not web-safe. The nearest web-safe colors are among its tones and shades below.

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 #f65193, or check how it holds up for accessibility.

Generate a palette → Check contrast