Colour

#689DFC

#689DFC
Blue
Dark
Nearest: Cornflower blue

#689DFC is a blue with RGB values 104, 157, 252 and HSL 219°, 96%, 70%. It is a dark colour, so black text on it reaches 7.8:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#689DFC#689DFC

HEX#689DFC

RGBrgb(104, 157, 252)

RGB (0–1)0.4078, 0.6157, 0.9882

RGB percentages40.8%, 61.6%, 98.8%

HSLhsl(218.5, 96.1%, 69.8%)

HSV / HSBhsv(218.5, 58.7%, 98.8%)

CMYK58.7%, 37.7%, 0%, 1.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,856,188

CSS custom property--colour: #689DFC;

Brightness & contrast

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

Perceived brightness157.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.82:1

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

Contrast with black7.82:1WCAG normal text: AAA

Greyscale equivalent#999999

Inverted#976203

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#75A5FFno red cones; affects about 1% of men; ΔE 4.4 from the original

Deuteranopia#6197FAno green cones; the most common form, about 1% of men; ΔE 3.4 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text7.82:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 4.6 Dodgerblue · ΔE 12.2 Royal blue · ΔE 26.7 Steel blue · ΔE 27.9 Medium purple · ΔE 28.5 Deep skyblue · ΔE 30.6

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FCC768

Analogous#68E7FC, #7D68FC

Triadic#FC689D, #9DFC68

Split complementary#FC7D68, #E7FC68

Tetradic#FC68E7, #FCC768, #68FC7D

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FEFEFF

Lighter +20%#CCDEFE

Lighter +10%#9ABDFD

Darker −10%#367DFB

Darker −20%#055CF9

Darker −30%#044AC7

Darker −40%#033795

More saturated +25%#659CFF

Less saturated −25%#7BA2E9

Channel breakdown

R104

G157

B252

Red104 (40.8%)

Green157 (61.6%)

Blue252 (98.8%)

Hue218.51°

Saturation (HSL)96.1%

Lightness69.8%

Dominant channelBlue

Hex per channelR 68 · G 9D · B FC

Keep nerding

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

#689DFC

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