Colour

#FF87D9

#FF87D9
Magenta
Dark
Nearest: Violet

#FF87D9 is a magenta with RGB values 255, 135, 217 and HSL 319°, 100%, 76%. It is a dark colour, so black text on it reaches 9.7:1 contrast (AAA for normal text). The nearest named colour is Violet.

Colour values

#FF87D9#FF87D9

HEX#FF87D9

RGBrgb(255, 135, 217)

RGB (0–1)1, 0.5294, 0.851

RGB percentages100%, 52.9%, 85.1%

HSLhsl(319, 100%, 76.5%)

HSV / HSBhsv(319, 47.1%, 100%)

CMYK0%, 47.1%, 14.9%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,746,457

CSS custom property--colour: #FF87D9;

Brightness & contrast

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

Perceived brightness188.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.72:1

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

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

Greyscale equivalent#A6A6A6

Inverted#007826

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8DA5DCno red cones; affects about 1% of men; ΔE 51.5 from the original

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

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

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

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

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

Named colours

Violet · ΔE 15.4 Hot pink · ΔE 15.4 Orchid · ΔE 15.8 Plum · ΔE 23 Pale violetred · ΔE 26.7 Medium orchid · ΔE 31.9

Nearest named CSS colourViolet (#EE82EE)ΔE 15.42, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#87FFAD

Analogous#E987FF, #FF879D

Triadic#D9FF87, #87D9FF

Split complementary#9DFF87, #87FFE9

Tetradic#FFE987, #87FFAD, #879DFF

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFEDF9

Lighter +10%#FFBAE9

Darker −10%#FF54C9

Darker −20%#FF21B9

Darker −30%#ED00A2

Darker −40%#BA007F

More saturated +25%#FF87D9

Less saturated −25%#F096D4

Channel breakdown

R255

G135

B217

Red255 (100%)

Green135 (52.9%)

Blue217 (85.1%)

Hue319°

Saturation (HSL)100%

Lightness76.47%

Dominant channelRed

Hex per channelR FF · G 87 · B D9

Keep nerding

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

#FF87D9

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