Colour

#688CE1

#688CE1
Blue
Dark
Nearest: Cornflower blue

#688CE1 is a blue with RGB values 104, 140, 225 and HSL 222°, 67%, 65%. It is a dark colour, so black text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#688CE1#688CE1

HEX#688CE1

RGBrgb(104, 140, 225)

RGB (0–1)0.4078, 0.549, 0.8824

RGB percentages40.8%, 54.9%, 88.2%

HSLhsl(222.1, 66.9%, 64.5%)

HSV / HSBhsv(222.1, 53.8%, 88.2%)

CMYK53.8%, 37.8%, 0%, 11.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,851,809

CSS custom property--colour: #688CE1;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.43:1

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

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

Greyscale equivalent#8A8A8A

Inverted#97731E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6A94E4no red cones; affects about 1% of men; ΔE 4.7 from the original

Deuteranopia#5B89DFno green cones; the most common form, about 1% of men; ΔE 2.6 from the original

Tritanopia#269FACno blue cones; rare, and affects men and women equally; ΔE 49.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cornflower blue · ΔE 4.3 Dodgerblue · ΔE 16.4 Steel blue · ΔE 22.7 Medium purple · ΔE 25.7 Royal blue · ΔE 25.9 Slate blue · ΔE 30

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E1BD68

Analogous#68C8E1, #8168E1

Triadic#E1688C, #8CE168

Split complementary#E18068, #C9E168

Tetradic#E168C8, #E1BD68, #68E181

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E8EDFA

Lighter +20%#BDCDF2

Lighter +10%#93ACE9

Darker −10%#3D6CD9

Darker −20%#2653BD

Darker −30%#1D4093

Darker −40%#152E68

More saturated +25%#5183F8

Less saturated −25%#7F95CA

Channel breakdown

R104

G140

B225

Red104 (40.8%)

Green140 (54.9%)

Blue225 (88.2%)

Hue222.15°

Saturation (HSL)66.85%

Lightness64.51%

Dominant channelBlue

Hex per channelR 68 · G 8C · B E1

Keep nerding

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

#688CE1

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