Nerdulator> put something in

Recognised as Colour

#F400A2

  • #F400A2
  • Magenta
  • Dark
  • Nearest: Deep pink

#F400A2 is a magenta with RGB values 244, 0, 162 and HSL 320°, 100%, 48%. It is a dark colour, so black text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Deep pink.

Colour values

#F400A2#F400A2
HEX#F400A2
RGBrgb(244, 0, 162)
RGB (0–1)0.9569, 0, 0.6353
RGB percentages95.7%, 0%, 63.5%
HSLhsl(320.2, 100%, 47.8%)
HSV / HSBhsv(320.2, 100%, 95.7%)
CMYK0%, 100%, 33.6%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,990,946
CSS custom property--colour: #F400A2;

Brightness & contrast

Relative luminance0.21842WCAG 2.x, 0 is black and 1 is white
Perceived brightness144.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.37:1
Contrast with white3.91:1WCAG normal text: Fail
Contrast with black5.37:1WCAG normal text: AA
Greyscale equivalent#404040
Inverted#0BFF5D

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4768A5no red cones; affects about 1% of men; ΔE 81.1 from the original
Deuteranopia#898E9Dno green cones; the most common form, about 1% of men; ΔE 84.5 from the original
Tritanopia#FF005Fno blue cones; rare, and affects men and women equally; ΔE 40.9 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.91:1WCAG large text: AA
Contrast with black, large text5.37:1WCAG large text: AAA

Named colours

Deep pink · ΔE 12.4Medium violet red · ΔE 17.1Hot pink · ΔE 25Orchid · ΔE 35.3Dark magenta · ΔE 37.4Violet · ΔE 37.9
Nearest named CSS colourDeep pink (#FF1493)ΔE 12.44, a distinctly different colour
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#00F452
Analogous#CC00F4, #F40028
Triadic#A2F400, #00A2F4
Split complementary#28F400, #00F4CC
Tetradic#F4CC00, #00F452, #0028F4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFC1EA
Lighter +30%#FF8ED9
Lighter +20%#FF5BC8
Lighter +10%#FF28B7
Darker −10%#C10080
Darker −20%#8E005E
Darker −30%#5B003C
Darker −40%#28001B
More saturated +25%#F400A2
Less saturated −25%#D61F98

Channel breakdown

R244
G0
B162
Red244 (95.7%)
Green0 (0%)
Blue162 (63.5%)
Hue320.16°
Saturation (HSL)100%
Lightness47.84%
Dominant channelRed
Hex per channelR F4 · G 00 · B A2

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “f400a2” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.