Recognised as Colour

#F28ED5

#F28ED5
Magenta
Dark
Nearest: Plum

#F28ED5 is a magenta with RGB values 242, 142, 213 and HSL 317°, 79%, 75%. It is a dark colour, so black text on it reaches 9.6:1 contrast (AAA for normal text). The nearest named colour is Plum.

Colour values

#F28ED5#F28ED5

HEX#F28ED5

RGBrgb(242, 142, 213)

RGB (0–1)0.949, 0.5569, 0.8353

RGB percentages94.9%, 55.7%, 83.5%

HSLhsl(317.4, 79.4%, 75.3%)

HSV / HSBhsv(317.4, 41.3%, 94.9%)

CMYK0%, 41.3%, 12%, 5.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,896,277

CSS custom property--colour: #F28ED5;

Brightness & contrast

Relative luminance0.43027WCAG 2.x, 0 is black and 1 is white

Perceived brightness185.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.61:1

Contrast with white2.19:1WCAG normal text: Fail

Contrast with black9.61:1WCAG normal text: AAA

Greyscale equivalent#A8A8A8

Inverted#0D712A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#91A6D8no red cones; affects about 1% of men; ΔE 43.7 from the original

Deuteranopia#ABB5D2no green cones; the most common form, about 1% of men; ΔE 45 from the original

Tritanopia#FC90A8no blue cones; rare, and affects men and women equally; ΔE 25.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.19:1WCAG large text: Fail

Contrast with black, large text9.61:1WCAG large text: AAA

Named colours

Plum · ΔE 15 Orchid · ΔE 18.6 Violet · ΔE 19.1 Hot pink · ΔE 20.3 Pale violetred · ΔE 23.3 Light pink · ΔE 33.1

Nearest named CSS colourPlum (#DDA0DD)ΔE 15.04, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#8EF2AB

Analogous#DD8EF2, #F28EA3

Triadic#D5F28E, #8ED5F2

Split complementary#A3F28E, #8EF2DD

Tetradic#F2DD8E, #8EF2AB, #8EA3F2

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FDE9F7

Lighter +10%#F7BCE6

Darker −10%#ED60C4

Darker −20%#E733B3

Darker −30%#CF189A

Darker −40%#A11378

More saturated +25%#FF81DA

Less saturated −25%#E29ECE

Channel breakdown

R242

G142

B213

Red242 (94.9%)

Green142 (55.7%)

Blue213 (83.5%)

Hue317.4°

Saturation (HSL)79.37%

Lightness75.29%

Dominant channelRed

Hex per channelR F2 · G 8E · B D5

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#F28ED5

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else