Colour

#CF12FF

#CF12FF
Violet
Dark
Nearest: Fuchsia

#CF12FF is a violet with RGB values 207, 18, 255 and HSL 288°, 100%, 54%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#CF12FF#CF12FF

HEX#CF12FF

RGBrgb(207, 18, 255)

RGB (0–1)0.8118, 0.0706, 1

RGB percentages81.2%, 7.1%, 100%

HSLhsl(287.8, 100%, 53.5%)

HSV / HSBhsv(287.8, 92.9%, 100%)

CMYK18.8%, 92.9%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,570,815

CSS custom property--colour: #CF12FF;

Brightness & contrast

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

Perceived brightness142.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.18:1

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

Contrast with black5.18:1WCAG normal text: AA

Greyscale equivalent#4B4B4B

Inverted#30ED00

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0074FFno red cones; affects about 1% of men; ΔE 63.7 from the original

Deuteranopia#1383FBno green cones; the most common form, about 1% of men; ΔE 74.3 from the original

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

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

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

Contrast with black, large text5.18:1WCAG large text: AAA

Named colours

Fuchsia · ΔE 16.7 Magenta · ΔE 16.7 Dark violet · ΔE 19.3 Blue violet · ΔE 22.8 Dark orchid · ΔE 29.6 Medium orchid · ΔE 40.3

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#42FF12

Analogous#5912FF, #FF12B8

Triadic#FFCF12, #12FFCF

Split complementary#B9FF12, #12FF58

Tetradic#FF5812, #42FF12, #12B8FF

Tints, shades & saturation

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

Lighter +40%#F8DEFF

Lighter +30%#EEABFF

Lighter +20%#E478FF

Lighter +10%#D945FF

Darker −10%#B100DE

Darker −20%#8800AB

Darker −30%#600078

Darker −40%#370045

More saturated +25%#CF12FF

Less saturated −25%#BD30E1

Channel breakdown

R207

G18

B255

Red207 (81.2%)

Green18 (7.1%)

Blue255 (100%)

Hue287.85°

Saturation (HSL)100%

Lightness53.53%

Dominant channelBlue

Hex per channelR CF · G 12 · B FF

Keep nerding

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

#CF12FF

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