Colour

#581CF8

#581CF8
Violet
Dark
Nearest: Blue

#581CF8 is a violet with RGB values 88, 28, 248 and HSL 256°, 94%, 54%. It is a dark colour, so white text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Blue.

Colour values

#581CF8#581CF8

HEX#581CF8

RGBrgb(88, 28, 248)

RGB (0–1)0.3451, 0.1098, 0.9725

RGB percentages34.5%, 11%, 97.3%

HSLhsl(256.4, 94%, 54.1%)

HSV / HSBhsv(256.4, 88.7%, 97.3%)

CMYK64.5%, 88.7%, 0%, 2.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,774,584

CSS custom property--colour: #581CF8;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.15:1

Contrast with white7.15:1WCAG normal text: AAA

Contrast with black2.94:1WCAG normal text: Fail

Greyscale equivalent#393939

Inverted#A7E307

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#005FFDno red cones; affects about 1% of men; ΔE 38.4 from the original

Deuteranopia#0050F4no green cones; the most common form, about 1% of men; ΔE 31.3 from the original

Tritanopia#006993no blue cones; rare, and affects men and women equally; ΔE 106.6 from the original

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

Contrast with white, large text7.15:1WCAG large text: AAA

Contrast with black, large text2.94:1WCAG large text: Fail

Named colours

Blue · ΔE 14.1 Medium blue · ΔE 14.9 Blue violet · ΔE 21.8 Dark violet · ΔE 25.3 Dark orchid · ΔE 37.2 Dark blue · ΔE 42.5

Nearest named CSS colourBlue (#0000FF)ΔE 14.09, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BCF81C

Analogous#1C4EF8, #C61CF8

Triadic#F8581C, #1CF858

Split complementary#F8C61C, #4EF81C

Tetradic#F81C4E, #BCF81C, #1CF8C6

Tints, shades & saturation

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

Lighter +40%#EAE2FE

Lighter +30%#C5B0FD

Lighter +20%#A17FFB

Lighter +10%#7C4DFA

Darker −10%#4007DA

Darker −20%#3205A9

Darker −30%#230477

Darker −40%#150246

More saturated +25%#5515FF

Less saturated −25%#6539DB

Channel breakdown

R88

G28

B248

Red88 (34.5%)

Green28 (11%)

Blue248 (97.3%)

Hue256.36°

Saturation (HSL)94.02%

Lightness54.12%

Dominant channelBlue

Hex per channelR 58 · G 1C · B F8

Keep nerding

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

#581CF8

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