Colour

#2E5DA9

#2E5DA9
Blue
Dark
Nearest: Dark slateblue

#2E5DA9 is a blue with RGB values 46, 93, 169 and HSL 217°, 57%, 42%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Dark slateblue.

Colour values

#2E5DA9#2E5DA9

HEX#2E5DA9

RGBrgb(46, 93, 169)

RGB (0–1)0.1804, 0.3647, 0.6627

RGB percentages18%, 36.5%, 66.3%

HSLhsl(217.1, 57.2%, 42.2%)

HSV / HSBhsv(217.1, 72.8%, 66.3%)

CMYK72.8%, 45%, 0%, 33.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,038,633

CSS custom property--colour: #2E5DA9;

Brightness & contrast

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

Perceived brightness94.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.45:1

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

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

Greyscale equivalent#585858

Inverted#D1A256

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#3764ACno red cones; affects about 1% of men; ΔE 4 from the original

Deuteranopia#1F59A7no green cones; the most common form, about 1% of men; ΔE 2.5 from the original

Tritanopia#006F7Bno blue cones; rare, and affects men and women equally; ΔE 45.2 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

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

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

Named colours

Dark slateblue · ΔE 18.2 Cornflower blue · ΔE 22.3 Steel blue · ΔE 23.4 Royal blue · ΔE 26.3 Dodgerblue · ΔE 26.4 Slate blue · ΔE 28.7

Nearest named CSS colourDark slateblue (#483D8B)ΔE 18.24, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A97A2E

Analogous#2E9BA9, #3C2EA9

Triadic#A92E5D, #5DA92E

Split complementary#A93C2E, #9BA92E

Tetradic#A92E9B, #A97A2E, #2EA93C

Tints, shades & saturation

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

Lighter +40%#B7CBEC

Lighter +30%#8FAEE1

Lighter +20%#6791D6

Lighter +10%#3F75CB

Darker −10%#234781

Darker −20%#183159

Darker −30%#0D1B31

Darker −40%#020509

More saturated +25%#1357C4

Less saturated −25%#49638E

Channel breakdown

R46

G93

B169

Red46 (18%)

Green93 (36.5%)

Blue169 (66.3%)

Hue217.07°

Saturation (HSL)57.21%

Lightness42.16%

Dominant channelBlue

Hex per channelR 2E · G 5D · B A9

Keep nerding

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

#2E5DA9

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