Nerdulator> put something in

Recognised as Colour

#5687DC

  • #5687DC
  • Blue
  • Dark
  • Nearest: Cornflower blue

#5687DC is a blue with RGB values 86, 135, 220 and HSL 218°, 66%, 60%. It is a dark colour, so black text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#5687DC#5687DC
HEX#5687DC
RGBrgb(86, 135, 220)
RGB (0–1)0.3373, 0.5294, 0.8627
RGB percentages33.7%, 52.9%, 86.3%
HSLhsl(218.1, 65.7%, 60%)
HSV / HSBhsv(218.1, 60.9%, 86.3%)
CMYK60.9%, 38.6%, 0%, 13.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,670,876
CSS custom property--colour: #5687DC;

Brightness & contrast

Relative luminance0.24474WCAG 2.x, 0 is black and 1 is white
Perceived brightness135.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.89:1
Contrast with white3.56:1WCAG normal text: Fail
Contrast with black5.89:1WCAG normal text: AA
Greyscale equivalent#838383
Inverted#A97823

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#628EDFno red cones; affects about 1% of men; ΔE 3.8 from the original
Deuteranopia#5082DAno green cones; the most common form, about 1% of men; ΔE 2.7 from the original
Tritanopia#009AA7no 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.56:1WCAG large text: AA
Contrast with black, large text5.89:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 5.4Dodgerblue · ΔE 15.3Steel blue · ΔE 21.5Royal blue · ΔE 25.4Medium purple · ΔE 27.5Slate blue · ΔE 30.4
Nearest named CSS colourCornflower blue (#6495ED)ΔE 5.44, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DCAB56
Analogous#56CADC, #6856DC
Triadic#DC5687, #87DC56
Split complementary#DC6856, #CADC56
Tetradic#DC56CA, #DCAB56, #56DC68

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#D5E1F6
Lighter +20%#ABC3EE
Lighter +10%#80A5E5
Darker −10%#2C69D3
Darker −20%#2354A9
Darker −30%#1A3F7F
Darker −40%#122A55
More saturated +25%#3D80F6
Less saturated −25%#708EC3

Channel breakdown

R86
G135
B220
Red86 (33.7%)
Green135 (52.9%)
Blue220 (86.3%)
Hue218.06°
Saturation (HSL)65.69%
Lightness60%
Dominant channelBlue
Hex per channelR 56 · G 87 · B DC

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “5687dc” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.