Colour

#568EEA

#568EEA
Blue
Dark
Nearest: Cornflower blue

#568EEA is a blue with RGB values 86, 142, 234 and HSL 217°, 78%, 63%. It is a dark colour, so black text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#568EEA#568EEA

HEX#568EEA

RGBrgb(86, 142, 234)

RGB (0–1)0.3373, 0.5569, 0.9176

RGB percentages33.7%, 55.7%, 91.8%

HSLhsl(217.3, 77.9%, 62.7%)

HSV / HSBhsv(217.3, 63.2%, 91.8%)

CMYK63.2%, 39.3%, 0%, 8.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,672,682

CSS custom property--colour: #568EEA;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.45:1

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

Contrast with black6.45:1WCAG normal text: AA

Greyscale equivalent#898989

Inverted#A97115

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6596EEno red cones; affects about 1% of men; ΔE 4.2 from the original

Deuteranopia#5088E8no green cones; the most common form, about 1% of men; ΔE 3.5 from the original

Tritanopia#00A3B1no blue cones; rare, and affects men and women equally; ΔE 52.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text6.45:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 3.9 Dodgerblue · ΔE 11.4 Royal blue · ΔE 24 Steel blue · ΔE 25.1 Medium purple · ΔE 27.3 Slate blue · ΔE 30.2

Nearest named CSS colourCornflower blue (#6495ED)ΔE 3.85, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#EAB256

Analogous#56D8EA, #6856EA

Triadic#EA568E, #8EEA56

Split complementary#EA6856, #D8EA56

Tetradic#EA56D8, #EAB256, #56EA68

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#DEE9FB

Lighter +20%#B1CBF5

Lighter +10%#83ACF0

Darker −10%#2970E4

Darker −20%#1858C2

Darker −30%#124495

Darker −40%#0D2F67

More saturated +25%#4189FF

Less saturated −25%#6E94D2

Channel breakdown

R86

G142

B234

Red86 (33.7%)

Green142 (55.7%)

Blue234 (91.8%)

Hue217.3°

Saturation (HSL)77.89%

Lightness62.75%

Dominant channelBlue

Hex per channelR 56 · G 8E · B EA

Keep nerding

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

#568EEA

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