Colour

#4E607E

#4E607E
Blue
Dark
Nearest: Slate grey

#4E607E is a blue with RGB values 78, 96, 126 and HSL 218°, 24%, 40%. It is a dark colour, so white text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#4E607E#4E607E

HEX#4E607E

RGBrgb(78, 96, 126)

RGB (0–1)0.3059, 0.3765, 0.4941

RGB percentages30.6%, 37.6%, 49.4%

HSLhsl(217.5, 23.5%, 40%)

HSV / HSBhsv(217.5, 38.1%, 49.4%)

CMYK38.1%, 23.8%, 0%, 50.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,136,510

CSS custom property--colour: #4E607E;

Brightness & contrast

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

Perceived brightness95.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.37:1

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

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

Greyscale equivalent#5E5E5E

Inverted#B19F81

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#56627Fno red cones; affects about 1% of men; ΔE 2.4 from the original

Deuteranopia#505D7Dno green cones; the most common form, about 1% of men; ΔE 2.4 from the original

Tritanopia#3F666Ano blue cones; rare, and affects men and women equally; ΔE 18.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 15.4 Light slate grey · ΔE 17.8 Steel blue · ΔE 18.7 Dim grey · ΔE 19.5 Dark slate grey · ΔE 22 Gray · ΔE 23.2

Nearest named CSS colourSlate grey (#708090)ΔE 15.4, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7E6C4E

Analogous#4E787E, #544E7E

Triadic#7E4E60, #607E4E

Split complementary#7E544E, #787E4E

Tetradic#7E4E78, #7E6C4E, #4E7E54

Tints, shades & saturation

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

Lighter +40%#C0C9D8

Lighter +30%#A1AEC4

Lighter +20%#8193B1

Lighter +10%#62789E

Darker −10%#3B485F

Darker −20%#27303F

Darker −30%#14181F

Darker −40%#000000

More saturated +25%#355A98

Less saturated −25%#666666

Channel breakdown

R78

G96

B126

Red78 (30.6%)

Green96 (37.6%)

Blue126 (49.4%)

Hue217.5°

Saturation (HSL)23.53%

Lightness40%

Dominant channelBlue

Hex per channelR 4E · G 60 · B 7E

Keep nerding

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

#4E607E

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