Recognised as Colour

#588CE4

#588CE4
Blue
Dark
Nearest: Cornflower blue

#588CE4 is a blue with RGB values 88, 140, 228 and HSL 218°, 72%, 62%. It is a dark colour, so black text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#588CE4#588CE4

HEX#588CE4

RGBrgb(88, 140, 228)

RGB (0–1)0.3451, 0.549, 0.8941

RGB percentages34.5%, 54.9%, 89.4%

HSLhsl(217.7, 72.2%, 62%)

HSV / HSBhsv(217.7, 61.4%, 89.4%)

CMYK61.4%, 38.6%, 0%, 10.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,803,236

CSS custom property--colour: #588CE4;

Brightness & contrast

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

Perceived brightness140.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.29:1

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

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

Greyscale equivalent#878787

Inverted#A7731B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6694E8no red cones; affects about 1% of men; ΔE 4.1 from the original

Deuteranopia#5287E2no green cones; the most common form, about 1% of men; ΔE 2.7 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cornflower blue · ΔE 3.5 Dodgerblue · ΔE 13.6 Steel blue · ΔE 23 Royal blue · ΔE 25.2 Medium purple · ΔE 27.6 Slate blue · ΔE 30.7

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E4B058

Analogous#58D2E4, #6A58E4

Triadic#E4588C, #8CE458

Split complementary#E46A58, #D2E458

Tetradic#E458D2, #E4B058, #58E46A

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#DCE7F9

Lighter +20%#B0C8F2

Lighter +10%#84AAEB

Darker −10%#2C6EDD

Darker −20%#1E57B8

Darker −30%#17428C

Darker −40%#102E60

More saturated +25%#4086FC

Less saturated −25%#7092CC

Channel breakdown

R88

G140

B228

Red88 (34.5%)

Green140 (54.9%)

Blue228 (89.4%)

Hue217.71°

Saturation (HSL)72.16%

Lightness61.96%

Dominant channelBlue

Hex per channelR 58 · G 8C · B E4

Keep nerding

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

#588CE4

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