Colour

#FF3098

#FF3098
Magenta
Dark
Nearest: Deep pink

#FF3098 is a magenta with RGB values 255, 48, 152 and HSL 330°, 100%, 59%. It is a dark colour, so black text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Deep pink.

Colour values

#FF3098#FF3098

HEX#FF3098

RGBrgb(255, 48, 152)

RGB (0–1)1, 0.1882, 0.5961

RGB percentages100%, 18.8%, 59.6%

HSLhsl(329.9, 100%, 59.4%)

HSV / HSBhsv(329.9, 81.2%, 100%)

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

24-bit integer16,724,120

CSS custom property--colour: #FF3098;

Brightness & contrast

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

Perceived brightness153.1 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#646464

Inverted#00CF67

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#61729Ano red cones; affects about 1% of men; ΔE 79 from the original

Deuteranopia#9A9893no green cones; the most common form, about 1% of men; ΔE 81.3 from the original

Tritanopia#FF0061no blue cones; rare, and affects men and women equally; ΔE 28.1 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

Deep pink · ΔE 4.5 Medium violet red · ΔE 18.4 Hot pink · ΔE 18.5 Pale violetred · ΔE 35.6 Orchid · ΔE 38.2 Violet · ΔE 40.8

Nearest named CSS colourDeep pink (#FF1493)ΔE 4.5, a close match

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#30FF97

Analogous#FF30FF, #FF3030

Triadic#98FF30, #3098FF

Split complementary#30FF30, #30FFFF

Tetradic#FFFF30, #30FF97, #3031FF

Tints, shades & saturation

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

Lighter +40%#FFFCFE

Lighter +30%#FFC9E4

Lighter +20%#FF96CB

Lighter +10%#FF63B1

Darker −10%#FC007F

Darker −20%#C90065

Darker −30%#96004B

Darker −40%#630032

More saturated +25%#FF3098

Less saturated −25%#E54A98

Channel breakdown

R255

G48

B152

Red255 (100%)

Green48 (18.8%)

Blue152 (59.6%)

Hue329.86°

Saturation (HSL)100%

Lightness59.41%

Dominant channelRed

Hex per channelR FF · G 30 · B 98

Keep nerding

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

#FF3098

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