Colour

#4E606C

#4E606C
Blue
Dark
Nearest: Dim grey

#4E606C is a blue with RGB values 78, 96, 108 and HSL 204°, 16%, 36%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#4E606C#4E606C

HEX#4E606C

RGBrgb(78, 96, 108)

RGB (0–1)0.3059, 0.3765, 0.4235

RGB percentages30.6%, 37.6%, 42.4%

HSLhsl(204, 16.1%, 36.5%)

HSV / HSBhsv(204, 27.8%, 42.4%)

CMYK27.8%, 11.1%, 0%, 57.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,136,492

CSS custom property--colour: #4E606C;

Brightness & contrast

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

Perceived brightness92.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.53:1

Contrast with white6.53:1WCAG normal text: AA

Contrast with black3.21:1WCAG normal text: Fail

Greyscale equivalent#5D5D5D

Inverted#B19F93

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5B5F6Dno red cones; affects about 1% of men; ΔE 5.5 from the original

Deuteranopia#575C6Cno green cones; the most common form, about 1% of men; ΔE 5.6 from the original

Tritanopia#456364no blue cones; rare, and affects men and women equally; ΔE 8.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.53:1WCAG large text: AAA

Contrast with black, large text3.21:1WCAG large text: AA

Named colours

Dim grey · ΔE 10.9 Dark slate grey · ΔE 12.8 Slate grey · ΔE 13.3 Light slate grey · ΔE 16.4 Gray · ΔE 17 Steel blue · ΔE 26.4

Nearest named CSS colourDim grey (#696969)ΔE 10.89, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6C5A4E

Analogous#4E6C69, #4E516C

Triadic#6C4E60, #606C4E

Split complementary#6C4E51, #6C694E

Tetradic#694E6C, #6C5A4E, #516C4E

Tints, shades & saturation

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

Lighter +40%#B9C5CD

Lighter +30%#9CACB7

Lighter +20%#7E94A2

Lighter +10%#637A8A

Darker −10%#39464E

Darker −20%#232B31

Darker −30%#0E1113

Darker −40%#000000

More saturated +25%#376583

Less saturated −25%#5D5D5D

Channel breakdown

R78

G96

B108

Red78 (30.6%)

Green96 (37.6%)

Blue108 (42.4%)

Hue204°

Saturation (HSL)16.13%

Lightness36.47%

Dominant channelBlue

Hex per channelR 4E · G 60 · B 6C

Keep nerding

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

#4E606C

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