Colour

#747C7F

#747C7F
Grey
Dark
Nearest: Gray

#747C7F is a grey with RGB values 116, 124, 127 and HSL 196°, 5%, 48%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Gray.

Colour values

#747C7F#747C7F

HEX#747C7F

RGBrgb(116, 124, 127)

RGB (0–1)0.4549, 0.4863, 0.498

RGB percentages45.5%, 48.6%, 49.8%

HSLhsl(196.4, 4.5%, 47.6%)

HSV / HSBhsv(196.4, 8.7%, 49.8%)

CMYK8.7%, 2.4%, 0%, 50.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,634,047

CSS custom property--colour: #747C7F;

Brightness & contrast

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

Perceived brightness122 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.93:1

Contrast with white4.26:1WCAG normal text: Fail

Contrast with black4.93:1WCAG normal text: AA

Greyscale equivalent#7B7B7B

Inverted#8B8380

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7A7B7Fno red cones; affects about 1% of men; ΔE 2.8 from the original

Deuteranopia#787A7Fno green cones; the most common form, about 1% of men; ΔE 2.6 from the original

Tritanopia#717D7Dno blue cones; rare, and affects men and women equally; ΔE 2.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.26:1WCAG large text: AA

Contrast with black, large text4.93:1WCAG large text: AAA

Named colours

Gray · ΔE 4.1 Dim grey · ΔE 7.9 Slate grey · ΔE 8 Light slate grey · ΔE 9.6 Dark grey · ΔE 18.1 Cadetblue · ΔE 20.4

Nearest named CSS colourGray (#808080)ΔE 4.13, a close match

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7F7774

Analogous#747F7C, #74767F

Triadic#7F747C, #7C7F74

Split complementary#7F7476, #7F7C74

Tetradic#7C747F, #7F7774, #767F74

Tints, shades & saturation

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

Lighter +40%#DEE0E1

Lighter +30%#C3C7C9

Lighter +20%#A9AEB0

Lighter +10%#8E9598

Darker −10%#5C6264

Darker −20%#43484A

Darker −30%#2B2E2F

Darker −40%#131414

More saturated +25%#568A9D

Less saturated −25%#797979

Channel breakdown

R116

G124

B127

Red116 (45.5%)

Green124 (48.6%)

Blue127 (49.8%)

Hue196.36°

Saturation (HSL)4.53%

Lightness47.65%

Dominant channelBlue

Hex per channelR 74 · G 7C · B 7F

Keep nerding

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

#747C7F

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