Recognised as Colour

#4D4E6E

#4D4E6E
Blue
Dark
Nearest: Slate grey

#4D4E6E is a blue with RGB values 77, 78, 110 and HSL 238°, 18%, 37%. It is a dark colour, so white text on it reaches 8:1 contrast (AAA for normal text). The nearest named colour is Slate grey.

Colour values

#4D4E6E#4D4E6E

HEX#4D4E6E

RGBrgb(77, 78, 110)

RGB (0–1)0.302, 0.3059, 0.4314

RGB percentages30.2%, 30.6%, 43.1%

HSLhsl(238.2, 17.6%, 36.7%)

HSV / HSBhsv(238.2, 30%, 43.1%)

CMYK30%, 29.1%, 0%, 56.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,066,350

CSS custom property--colour: #4D4E6E;

Brightness & contrast

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

Perceived brightness82 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.98:1

Contrast with white7.98:1WCAG normal text: AAA

Contrast with black2.63:1WCAG normal text: Fail

Greyscale equivalent#505050

Inverted#B2B191

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#44506Dno green cones; the most common form, about 1% of men; ΔE 4.5 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text7.98:1WCAG large text: AAA

Contrast with black, large text2.63:1WCAG large text: Fail

Named colours

Slate grey · ΔE 22.4 Dim grey · ΔE 22.5 Dark slate grey · ΔE 24.6 Light slate grey · ΔE 24.9 Steel blue · ΔE 25.6 Gray · ΔE 27.8

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6E6D4D

Analogous#4D5F6E, #5C4D6E

Triadic#6E4D4E, #4E6E4D

Split complementary#6E5C4D, #5F6E4D

Tetradic#6E4D5F, #6E6D4D, #4D6E5C

Tints, shades & saturation

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

Lighter +40%#B9BACE

Lighter +30%#9B9CB9

Lighter +20%#7D7EA4

Lighter +10%#62638C

Darker −10%#383950

Darker −20%#232332

Darker −30%#0E0E14

Darker −40%#000000

More saturated +25%#363885

Less saturated −25%#5E5E5E

Channel breakdown

R77

G78

B110

Red77 (30.2%)

Green78 (30.6%)

Blue110 (43.1%)

Hue238.18°

Saturation (HSL)17.65%

Lightness36.67%

Dominant channelBlue

Hex per channelR 4D · G 4E · B 6E

Keep nerding

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

#4D4E6E

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