Recognised as Colour

#575FF6

#575FF6
Blue
Dark
Nearest: Medium slateblue

#575FF6 is a blue with RGB values 87, 95, 246 and HSL 237°, 90%, 65%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Medium slateblue.

Colour values

#575FF6#575FF6

HEX#575FF6

RGBrgb(87, 95, 246)

RGB (0–1)0.3412, 0.3725, 0.9647

RGB percentages34.1%, 37.3%, 96.5%

HSLhsl(237, 89.8%, 65.3%)

HSV / HSBhsv(237, 64.6%, 96.5%)

CMYK64.6%, 61.4%, 0%, 3.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,726,198

CSS custom property--colour: #575FF6;

Brightness & contrast

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

Perceived brightness120.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.8:1

Contrast with white4.8:1WCAG normal text: AA

Contrast with black4.37:1WCAG normal text: Fail

Greyscale equivalent#686868

Inverted#A8A009

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0079FBno red cones; affects about 1% of men; ΔE 21.9 from the original

Deuteranopia#006BF3no green cones; the most common form, about 1% of men; ΔE 15.3 from the original

Tritanopia#0085A2no blue cones; rare, and affects men and women equally; ΔE 81.6 from the original

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

Contrast with white, large text4.8:1WCAG large text: AAA

Contrast with black, large text4.37:1WCAG large text: AA

Named colours

Medium slateblue · ΔE 12 Royal blue · ΔE 19.9 Slate blue · ΔE 20.1 Blue violet · ΔE 27.9 Medium purple · ΔE 28 Dark orchid · ΔE 28.3

Nearest named CSS colourMedium slateblue (#7B68EE)ΔE 12.02, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F6EE57

Analogous#57AFF6, #9F57F6

Triadic#F6575F, #5FF657

Split complementary#F69F57, #AFF657

Tetradic#F657AF, #F6EE57, #57F69F

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E8E9FE

Lighter +20%#B8BBFB

Lighter +10%#878DF9

Darker −10%#2731F3

Darker −20%#0C16DB

Darker −30%#0911AB

Darker −40%#070C7A

More saturated +25%#4E57FF

Less saturated −25%#6D73E0

Channel breakdown

R87

G95

B246

Red87 (34.1%)

Green95 (37.3%)

Blue246 (96.5%)

Hue236.98°

Saturation (HSL)89.83%

Lightness65.29%

Dominant channelBlue

Hex per channelR 57 · G 5F · B F6

Keep nerding

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

#575FF6

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