Nerdulator> put something in

Recognised as Colour

#7F8EA7

  • #7F8EA7
  • Blue
  • Dark
  • Nearest: Light slate grey

#7F8EA7 is a blue with RGB values 127, 142, 167 and HSL 218°, 19%, 58%. It is a dark colour, so black text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#7F8EA7#7F8EA7
HEX#7F8EA7
RGBrgb(127, 142, 167)
RGB (0–1)0.498, 0.5569, 0.6549
RGB percentages49.8%, 55.7%, 65.5%
HSLhsl(217.5, 18.5%, 57.6%)
HSV / HSBhsv(217.5, 24%, 65.5%)
CMYK24%, 15%, 0%, 34.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,359,591
CSS custom property--colour: #7F8EA7;

Brightness & contrast

Relative luminance0.26648WCAG 2.x, 0 is black and 1 is white
Perceived brightness140.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.33:1
Contrast with white3.32:1WCAG normal text: Fail
Contrast with black6.33:1WCAG normal text: AA
Greyscale equivalent#8D8D8D
Inverted#807158

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#868FA8no red cones; affects about 1% of men; ΔE 2.2 from the original
Deuteranopia#828BA6no green cones; the most common form, about 1% of men; ΔE 2.6 from the original
Tritanopia#759396no blue cones; rare, and affects men and women equally; ΔE 14.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text3.32:1WCAG large text: AA
Contrast with black, large text6.33:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 5.4Slate grey · ΔE 7.7Gray · ΔE 15.8Dark grey · ΔE 18.3Steel blue · ΔE 18.8Light steelblue · ΔE 19.9
Nearest named CSS colourLight slate grey (#778899)ΔE 5.37, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A7987F
Analogous#7FA2A7, #847FA7
Triadic#A77F8E, #8EA77F
Split complementary#A7847F, #A2A77F
Tetradic#A77FA2, #A7987F, #7FA784

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F8F9FA
Lighter +30%#DADEE5
Lighter +20%#BBC3D1
Lighter +10%#9DA9BC
Darker −10%#637490
Darker −20%#4E5C72
Darker −30%#394354
Darker −40%#252B35
More saturated +25%#6487C2
Less saturated −25%#939393

Channel breakdown

R127
G142
B167
Red127 (49.8%)
Green142 (55.7%)
Blue167 (65.5%)
Hue217.5°
Saturation (HSL)18.52%
Lightness57.65%
Dominant channelBlue
Hex per channelR 7F · G 8E · B A7

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