Nerdulator> put something in

Recognised as Colour

#7F8C87

  • #7F8C87
  • Grey
  • Dark
  • Nearest: Gray

#7F8C87 is a grey with RGB values 127, 140, 135 and HSL 157°, 5%, 52%. It is a dark colour, so black text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Gray.

Colour values

#7F8C87#7F8C87
HEX#7F8C87
RGBrgb(127, 140, 135)
RGB (0–1)0.498, 0.549, 0.5294
RGB percentages49.8%, 54.9%, 52.9%
HSLhsl(156.9, 5.3%, 52.4%)
HSV / HSBhsv(156.9, 9.3%, 54.9%)
CMYK9.3%, 0%, 3.6%, 45.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,359,047
CSS custom property--colour: #7F8C87;

Brightness & contrast

Relative luminance0.25017WCAG 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 6:1
Contrast with white3.5:1WCAG normal text: Fail
Contrast with black6:1WCAG normal text: AA
Greyscale equivalent#898989
Inverted#807378

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#8B8A87no red cones; affects about 1% of men; ΔE 5.6 from the original
Deuteranopia#898887no green cones; the most common form, about 1% of men; ΔE 5.9 from the original
Tritanopia#7C8C8Ano blue cones; rare, and affects men and women equally; ΔE 2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text3.5:1WCAG large text: AA
Contrast with black, large text6:1WCAG large text: AAA

Named colours

Gray · ΔE 6.8Light slate grey · ΔE 12.7Slate grey · ΔE 12.9Dark grey · ΔE 13.5Dim grey · ΔE 14Cadetblue · ΔE 16.8
Nearest named CSS colourGray (#808080)ΔE 6.81, clearly different but related
Hue familygrey
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#8C7F84
Analogous#7F8C81, #7F8B8C
Triadic#877F8C, #8C877F
Split complementary#8C7F8B, #8C817F
Tetradic#817F8C, #8C7F84, #8B8C7F

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#EAEDEC
Lighter +30%#D0D4D3
Lighter +20%#B5BCB9
Lighter +10%#9AA4A0
Darker −10%#66726D
Darker −20%#4E5754
Darker −30%#363C3A
Darker −40%#1E2120
More saturated +25%#61AA8E
Less saturated −25%#868686

Channel breakdown

R127
G140
B135
Red127 (49.8%)
Green140 (54.9%)
Blue135 (52.9%)
Hue156.92°
Saturation (HSL)5.35%
Lightness52.35%
Dominant channelGreen
Hex per channelR 7F · G 8C · B 87

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