Nerdulator> put something in

Recognised as Colour

#F306D3

  • #F306D3
  • Magenta
  • Dark
  • Nearest: Fuchsia

#F306D3 is a magenta with RGB values 243, 6, 211 and HSL 308°, 95%, 49%. It is a dark colour, so black text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#F306D3#F306D3
HEX#F306D3
RGBrgb(243, 6, 211)
RGB (0–1)0.9529, 0.0235, 0.8275
RGB percentages95.3%, 2.4%, 82.7%
HSLhsl(308.1, 95.2%, 48.8%)
HSV / HSBhsv(308.1, 97.5%, 95.3%)
CMYK0%, 97.5%, 13.2%, 4.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,926,995
CSS custom property--colour: #F306D3;

Brightness & contrast

Relative luminance0.23888WCAG 2.x, 0 is black and 1 is white
Perceived brightness150.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.78:1
Contrast with white3.63:1WCAG normal text: Fail
Contrast with black5.78:1WCAG normal text: AA
Greyscale equivalent#474747
Inverted#0CF92C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0F72D7no red cones; affects about 1% of men; ΔE 79.6 from the original
Deuteranopia#7691CFno green cones; the most common form, about 1% of men; ΔE 84 from the original
Tritanopia#FF2E7Dno blue cones; rare, and affects men and women equally; ΔE 53 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.63:1WCAG large text: AA
Contrast with black, large text5.78:1WCAG large text: AAA

Named colours

Fuchsia · ΔE 20Magenta · ΔE 20Medium orchid · ΔE 31.4Dark orchid · ΔE 32.7Dark violet · ΔE 34.6Medium violet red · ΔE 35.7
Nearest named CSS colourFuchsia (#FF00FF)ΔE 19.96, a distinctly different colour
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#06F326
Analogous#9D06F3, #F3065C
Triadic#D3F306, #06D3F3
Split complementary#5DF306, #06F39D
Tetradic#F39C06, #06F326, #065CF3

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FEC7F6
Lighter +30%#FC96EF
Lighter +20%#FB64E7
Lighter +10%#FA32DF
Darker −10%#C105A8
Darker −20%#8F047D
Darker −30%#5E0251
Darker −40%#2C0126
More saturated +25%#F900D7
Less saturated −25%#D425BC

Channel breakdown

R243
G6
B211
Red243 (95.3%)
Green6 (2.4%)
Blue211 (82.7%)
Hue308.1°
Saturation (HSL)95.18%
Lightness48.82%
Dominant channelRed
Hex per channelR F3 · G 06 · B D3

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 “f306d3” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.