Colour

#FD00D4

#FD00D4
Magenta
Dark
Nearest: Fuchsia

#FD00D4 is a magenta with RGB values 253, 0, 212 and HSL 310°, 100%, 50%. It is a dark colour, so black text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#FD00D4#FD00D4

HEX#FD00D4

RGBrgb(253, 0, 212)

RGB (0–1)0.9922, 0, 0.8314

RGB percentages99.2%, 0%, 83.1%

HSLhsl(309.7, 100%, 49.6%)

HSV / HSBhsv(309.7, 100%, 99.2%)

CMYK0%, 100%, 16.2%, 0.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,580,820

CSS custom property--colour: #FD00D4;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.13:1

Contrast with white3.43:1WCAG normal text: Fail

Contrast with black6.13:1WCAG normal text: AA

Greyscale equivalent#454545

Inverted#02FF2B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#2075D8no red cones; affects about 1% of men; ΔE 82.5 from the original

Deuteranopia#7F96CFno green cones; the most common form, about 1% of men; ΔE 86.8 from the original

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

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

Contrast with white, large text3.43:1WCAG large text: AA

Contrast with black, large text6.13:1WCAG large text: AAA

Named colours

Fuchsia · ΔE 21 Magenta · ΔE 21 Medium orchid · ΔE 34.1 Medium violet red · ΔE 35.8 Deep pink · ΔE 36.1 Dark orchid · ΔE 36.2

Nearest named CSS colourFuchsia (#FF00FF)ΔE 20.97, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#00FD29

Analogous#A700FD, #FD0056

Triadic#D4FD00, #00D4FD

Split complementary#56FD00, #00FDA8

Tetradic#FDA700, #00FD29, #0056FD

Tints, shades & saturation

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

Lighter +40%#FFCAF6

Lighter +30%#FF97EE

Lighter +20%#FF64E6

Lighter +10%#FF31DE

Darker −10%#CA00A9

Darker −20%#97007F

Darker −30%#640054

Darker −40%#310029

More saturated +25%#FD00D4

Less saturated −25%#DD20BF

Channel breakdown

R253

B212

Red253 (99.2%)

Green0 (0%)

Blue212 (83.1%)

Hue309.72°

Saturation (HSL)100%

Lightness49.61%

Dominant channelRed

Hex per channelR FD · G 00 · B D4

Keep nerding

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

#FD00D4

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