#df226a

Color #df226a

A vivid, highly saturated medium pink.

Closest named color Deep Pink #ff1493 · ΔE 20.24 Nearest Tailwind class pink-600 #e60076 · ΔE 3.3

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

Conversions

HEX

#df226a

RGB

rgb(223, 34, 106)

HSL

hsl(337.1, 74.7%, 50.4%)

HSV / HSB

hsv(337.1, 84.8%, 87.5%)

CMYK

cmyk(0%, 84.8%, 52.5%, 12.5%)

LAB

lab(49.35, 71.9, 8.66)

LCH

lch(49.35, 72.42, 6.87)

OKLCH

oklch(59.2%, 0.221, 5.84)

HWB

hwb(337.1, 13.3%, 12.5%)

Harmony colors

Complementary

#22df97

Analogous

#df22c9

#df226a

#df3822

Triadic

#df226a

#6adf22

#226adf

Split-complementary

#df226a

#22df38

#22c9df

Tetradic

#df226a

#df9722

#22df97

#226adf

Square

#df226a

#c9df22

#22df97

#3822df

Shades

Color #df226a mixed toward black.

#bb1b58

#961647

#701035

#4b0b23

#250512

Tints

Color #df226a mixed toward white.

#e44783

#ea6c9c

#ef91b5

#f4b5cd

#fadae6

Tones

Color #df226a mixed toward gray.

#cf326e

#c04272

#b05175

#a06179

#90717d

Accessibility

Aa White text on this color

4.59:1

Aa Black text on this color

4.57:1

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

Under color vision deficiencies

Protanopia

#aead5e · ΔE 57.7

Deuteranopia

#b6bf5b · ΔE 64.6

Tritanopia

#da5451 · ΔE 14.1

Achromatopsia

#757575 · ΔE 27.7

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

Code

CSS

background-color: #df226a;

Tailwind (arbitrary value)

bg-[#df226a]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#df226a (#df226a) is rgb(223, 34, 106) in RGB.

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

Generate a palette → Check contrast