Nerdulator> put something in

Recognised as Colour

#678EA5

  • #678EA5
  • Blue
  • Dark
  • Nearest: Light slate grey

#678EA5 is a blue with RGB values 103, 142, 165 and HSL 202°, 26%, 53%. It is a dark colour, so black text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#678EA5#678EA5
HEX#678EA5
RGBrgb(103, 142, 165)
RGB (0–1)0.4039, 0.5569, 0.6471
RGB percentages40.4%, 55.7%, 64.7%
HSLhsl(202.3, 25.6%, 52.5%)
HSV / HSBhsv(202.3, 37.6%, 64.7%)
CMYK37.6%, 13.9%, 0%, 35.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,786,725
CSS custom property--colour: #678EA5;

Brightness & contrast

Relative luminance0.24946WCAG 2.x, 0 is black and 1 is white
Perceived brightness134.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.99:1
Contrast with white3.51:1WCAG normal text: Fail
Contrast with black5.99:1WCAG normal text: AA
Greyscale equivalent#878787
Inverted#98715A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#838DA6no red cones; affects about 1% of men; ΔE 9.8 from the original
Deuteranopia#7B86A5no green cones; the most common form, about 1% of men; ΔE 10.7 from the original
Tritanopia#519495no blue cones; rare, and affects men and women equally; ΔE 16.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text3.51:1WCAG large text: AA
Contrast with black, large text5.99:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 7.6Slate grey · ΔE 9Cadetblue · ΔE 15.7Steel blue · ΔE 16.8Gray · ΔE 18.4Dark grey · ΔE 21.8
Nearest named CSS colourLight slate grey (#778899)ΔE 7.55, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A57E67
Analogous#67A59D, #676FA5
Triadic#A5678E, #8EA567
Split complementary#A5676F, #A59D67
Tetradic#9D67A5, #A57E67, #6FA567

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E7EDF1
Lighter +30%#C7D5DE
Lighter +20%#A7BECB
Lighter +10%#87A6B8
Darker −10%#517488
Darker −20%#3E5868
Darker −30%#2B3D48
Darker −40%#182228
More saturated +25%#4996C3
Less saturated −25%#858687

Channel breakdown

R103
G142
B165
Red103 (40.4%)
Green142 (55.7%)
Blue165 (64.7%)
Hue202.26°
Saturation (HSL)25.62%
Lightness52.55%
Dominant channelBlue
Hex per channelR 67 · G 8E · B A5

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 “678ea5” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.