Colour

#2E4978

#2E4978
Blue
Dark
Nearest: Steel blue

#2E4978 is a blue with RGB values 46, 73, 120 and HSL 218°, 45%, 33%. It is a dark colour, so white text on it reaches 9:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#2E4978#2E4978

HEX#2E4978

RGBrgb(46, 73, 120)

RGB (0–1)0.1804, 0.2863, 0.4706

RGB percentages18%, 28.6%, 47.1%

HSLhsl(218.1, 44.6%, 32.5%)

HSV / HSBhsv(218.1, 61.7%, 47.1%)

CMYK61.7%, 39.2%, 0%, 52.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,033,464

CSS custom property--colour: #2E4978;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.97:1

Contrast with white8.97:1WCAG normal text: AAA

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

Greyscale equivalent#474747

Inverted#D1B687

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#354D7Ano red cones; affects about 1% of men; ΔE 2.3 from the original

Deuteranopia#2B4677no green cones; the most common form, about 1% of men; ΔE 1.9 from the original

Tritanopia#00545Ano blue cones; rare, and affects men and women equally; ΔE 31.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text8.97:1WCAG large text: AAA

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

Named colours

Steel blue · ΔE 23.5 Dark slateblue · ΔE 23.9 Slate grey · ΔE 30.1 Dark slate grey · ΔE 31.3 Light slate grey · ΔE 32.1 Dim grey · ΔE 33.2

Nearest named CSS colourSteel blue (#4682B4)ΔE 23.5, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#785D2E

Analogous#2E6E78, #382E78

Triadic#782E49, #49782E

Split complementary#78382E, #6E782E

Tetradic#782E6E, #785D2E, #2E7838

Tints, shades & saturation

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

Lighter +40%#9AB1D8

Lighter +30%#7594CA

Lighter +20%#5077BC

Lighter +10%#3C5F9D

Darker −10%#203353

Darker −20%#121C2E

Darker −30%#040609

Darker −40%#000000

More saturated +25%#19438D

Less saturated −25%#434F63

Channel breakdown

R46

G73

B120

Red46 (18%)

Green73 (28.6%)

Blue120 (47.1%)

Hue218.11°

Saturation (HSL)44.58%

Lightness32.55%

Dominant channelBlue

Hex per channelR 2E · G 49 · B 78

Keep nerding

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

#2E4978

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