Colour

#CC00F9

#CC00F9
Violet
Dark
Nearest: Fuchsia

#CC00F9 is a violet with RGB values 204, 0, 249 and HSL 289°, 100%, 49%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#CC00F9#CC00F9

HEX#CC00F9

RGBrgb(204, 0, 249)

RGB (0–1)0.8, 0, 0.9765

RGB percentages80%, 0%, 97.6%

HSLhsl(289.2, 100%, 48.8%)

HSV / HSBhsv(289.2, 100%, 97.6%)

CMYK18.1%, 100%, 0%, 2.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,369,593

CSS custom property--colour: #CC00F9;

Brightness & contrast

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

Perceived brightness139.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.94:1

Contrast with white4.25:1WCAG normal text: Fail

Contrast with black4.94:1WCAG normal text: AA

Greyscale equivalent#3D3D3D

Inverted#33FF06

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0070FEno red cones; affects about 1% of men; ΔE 61.8 from the original

Deuteranopia#127FF5no green cones; the most common form, about 1% of men; ΔE 74.2 from the original

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

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

Contrast with white, large text4.25:1WCAG large text: AA

Contrast with black, large text4.94:1WCAG large text: AAA

Named colours

Fuchsia · ΔE 16.6 Magenta · ΔE 16.6 Dark violet · ΔE 18.2 Blue violet · ΔE 22.3 Dark orchid · ΔE 28.8 Medium orchid · ΔE 39.7

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2DF900

Analogous#5000F9, #F900A9

Triadic#F9CC00, #00F9CC

Split complementary#A9F900, #00F950

Tetradic#F95000, #2DF900, #00A9F9

Tints, shades & saturation

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

Lighter +40%#F5C6FF

Lighter +30%#EB93FF

Lighter +20%#E260FF

Lighter +10%#D92DFF

Darker −10%#A200C6

Darker −20%#780093

Darker −30%#4F0060

Darker −40%#25002D

More saturated +25%#CC00F9

Less saturated −25%#B81FDA

Channel breakdown

R204

B249

Red204 (80%)

Green0 (0%)

Blue249 (97.6%)

Hue289.16°

Saturation (HSL)100%

Lightness48.82%

Dominant channelBlue

Hex per channelR CC · G 00 · B F9

Keep nerding

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

#CC00F9

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