Colour

#86A4EE

#86A4EE
Blue
Dark
Nearest: Cornflower blue

#86A4EE is a blue with RGB values 134, 164, 238 and HSL 223°, 75%, 73%. It is a dark colour, so black text on it reaches 8.6:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#86A4EE#86A4EE

HEX#86A4EE

RGBrgb(134, 164, 238)

RGB (0–1)0.5255, 0.6431, 0.9333

RGB percentages52.5%, 64.3%, 93.3%

HSLhsl(222.7, 75.4%, 72.9%)

HSV / HSBhsv(222.7, 43.7%, 93.3%)

CMYK43.7%, 31.1%, 0%, 6.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,824,046

CSS custom property--colour: #86A4EE;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.56:1

Contrast with white2.45:1WCAG normal text: Fail

Contrast with black8.56:1WCAG normal text: AAA

Greyscale equivalent#A3A3A3

Inverted#795B11

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#89AAF1no red cones; affects about 1% of men; ΔE 2.9 from the original

Deuteranopia#7FA1ECno green cones; the most common form, about 1% of men; ΔE 1.7 from the original

Tritanopia#60B3BEno blue cones; rare, and affects men and women equally; ΔE 41 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.45:1WCAG large text: Fail

Contrast with black, large text8.56:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 10.7 Steel blue · ΔE 21.5 Dodgerblue · ΔE 24.6 Light skyblue · ΔE 25.7 Deep skyblue · ΔE 26.7 Light steelblue · ΔE 29

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#EED086

Analogous#86D8EE, #9C86EE

Triadic#EE86A4, #A4EE86

Split complementary#EE9C86, #D8EE86

Tetradic#EE86D8, #EED086, #86EE9C

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#DFE7FB

Lighter +10%#B3C6F4

Darker −10%#5982E8

Darker −20%#2D61E1

Darker −30%#1B4BC0

Darker −40%#153993

More saturated +25%#759DFF

Less saturated −25%#97ABDD

Channel breakdown

R134

G164

B238

Red134 (52.5%)

Green164 (64.3%)

Blue238 (93.3%)

Hue222.69°

Saturation (HSL)75.36%

Lightness72.94%

Dominant channelBlue

Hex per channelR 86 · G A4 · B EE

Keep nerding

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

#86A4EE

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