Colour

#4E5974

#4E5974
Blue
Dark
Nearest: Slate grey

#4E5974 is a blue with RGB values 78, 89, 116 and HSL 223°, 20%, 38%. It is a dark colour, so white text on it reaches 7:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#4E5974#4E5974

HEX#4E5974

RGBrgb(78, 89, 116)

RGB (0–1)0.3059, 0.349, 0.4549

RGB percentages30.6%, 34.9%, 45.5%

HSLhsl(222.6, 19.6%, 38%)

HSV / HSBhsv(222.6, 32.8%, 45.5%)

CMYK32.8%, 23.3%, 0%, 54.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,134,708

CSS custom property--colour: #4E5974;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.99:1

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

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

Greyscale equivalent#595959

Inverted#B1A68B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#505B75no red cones; affects about 1% of men; ΔE 1 from the original

Deuteranopia#4D5873no green cones; the most common form, about 1% of men; ΔE 0.4 from the original

Tritanopia#435E62no blue cones; rare, and affects men and women equally; ΔE 16.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 16.9 Dim grey · ΔE 18.2 Light slate grey · ΔE 19.5 Dark slate grey · ΔE 20.5 Steel blue · ΔE 22.3 Gray · ΔE 23.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#74694E

Analogous#4E6C74, #564E74

Triadic#744E59, #59744E

Split complementary#74564E, #6C744E

Tetradic#744E6C, #74694E, #4E7456

Tints, shades & saturation

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

Lighter +40%#BCC2D2

Lighter +30%#9EA7BD

Lighter +20%#7F8BA9

Lighter +10%#637092

Darker −10%#394256

Darker −20%#252A37

Darker −30%#101319

Darker −40%#000000

More saturated +25%#364F8C

Less saturated −25%#616161

Channel breakdown

R78

G89

B116

Red78 (30.6%)

Green89 (34.9%)

Blue116 (45.5%)

Hue222.63°

Saturation (HSL)19.59%

Lightness38.04%

Dominant channelBlue

Hex per channelR 4E · G 59 · B 74

Keep nerding

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

#4E5974

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