#f44a66

Color #f44a66

A vivid, highly saturated light red.

Closest named color Crimson #dc143c · ΔE 15.89 Nearest Tailwind class rose-500 #ff2056 · ΔE 4

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

Conversions

HEX

#f44a66

RGB

rgb(244, 74, 102)

HSL

hsl(350.1, 88.5%, 62.4%)

HSV / HSB

hsv(350.1, 69.7%, 95.7%)

CMYK

cmyk(0%, 69.7%, 58.2%, 4.3%)

LAB

lab(57.17, 65.94, 22.42)

LCH

lch(57.17, 69.65, 18.78)

OKLCH

oklch(65.6%, 0.2052, 15.57)

HWB

hwb(350.1, 29%, 4.3%)

Harmony colors

Complementary

#4af4d8

Analogous

#f44abb

#f44a66

#f4834a

Triadic

#f44a66

#66f44a

#4a66f4

Split-complementary

#f44a66

#4af483

#4abbf4

Tetradic

#f44a66

#f4d84a

#4af4d8

#4a66f4

Square

#f44a66

#bbf44a

#4af4d8

#834af4

Shades

Color #f44a66 mixed toward black.

#f1183c

#c80c2b

#960920

#640616

#32030b

Tints

Color #f44a66 mixed toward white.

#f66880

#f88799

#f9a5b3

#fbc3cc

#fde1e6

Tones

Color #f44a66 mixed toward gray.

#e65870

#d86779

#ca7583

#bb838c

#ad9196

Accessibility

Aa White text on this color

3.49:1

Aa Black text on this color

6.02:1

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

Under color vision deficiencies

Protanopia

#c2c160 · ΔE 54.7

Deuteranopia

#cad35f · ΔE 60.4

Tritanopia

#ef5b5a · ΔE 6.3

Achromatopsia

#898989 · ΔE 27.3

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

Code

CSS

background-color: #f44a66;

Tailwind (arbitrary value)

bg-[#f44a66]

Related colors

Pink #ffc0cb

Light Pink #ffb6c1

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#f44a66 (#f44a66) is rgb(244, 74, 102) in RGB.

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

Generate a palette → Check contrast