Colour

#5786CE

#5786CE
Blue
Dark
Nearest: Cornflower blue

#5786CE is a blue with RGB values 87, 134, 206 and HSL 216°, 55%, 57%. It is a dark colour, so black text on it reaches 5.7:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#5786CE#5786CE

HEX#5786CE

RGBrgb(87, 134, 206)

RGB (0–1)0.3412, 0.5255, 0.8078

RGB percentages34.1%, 52.5%, 80.8%

HSLhsl(216.3, 54.8%, 57.5%)

HSV / HSBhsv(216.3, 57.8%, 80.8%)

CMYK57.8%, 35%, 0%, 19.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,736,142

CSS custom property--colour: #5786CE;

Brightness & contrast

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

Perceived brightness132.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.71:1

Contrast with white3.68:1WCAG normal text: Fail

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

Greyscale equivalent#818181

Inverted#A87931

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#688BD1no red cones; affects about 1% of men; ΔE 3.7 from the original

Deuteranopia#5980CCno green cones; the most common form, about 1% of men; ΔE 4 from the original

Tritanopia#0096A0no blue cones; rare, and affects men and women equally; ΔE 44.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.68:1WCAG large text: AA

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

Named colours

Cornflower blue · ΔE 10.4 Steel blue · ΔE 14.1 Dodgerblue · ΔE 22.2 Deep skyblue · ΔE 28.7 Light slate grey · ΔE 31.9 Royal blue · ΔE 32.1

Nearest named CSS colourCornflower blue (#6495ED)ΔE 10.36, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CE9F57

Analogous#57C2CE, #6357CE

Triadic#CE5786, #86CE57

Split complementary#CE6357, #C2CE57

Tetradic#CE57C2, #CE9F57, #57CE63

Tints, shades & saturation

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

Lighter +40%#F5F8FC

Lighter +30%#CDDBF1

Lighter +20%#A6BFE5

Lighter +10%#7EA2DA

Darker −10%#376BBB

Darker −20%#2B5494

Darker −30%#203E6C

Darker −40%#142745

More saturated +25%#3C80E9

Less saturated −25%#728CB3

Channel breakdown

R87

G134

B206

Red87 (34.1%)

Green134 (52.5%)

Blue206 (80.8%)

Hue216.3°

Saturation (HSL)54.84%

Lightness57.45%

Dominant channelBlue

Hex per channelR 57 · G 86 · B CE

Keep nerding

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

#5786CE

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