Colour

#2E60A9

#2E60A9
Blue
Dark
Nearest: Dark slateblue

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

Colour values

#2E60A9#2E60A9

HEX#2E60A9

RGBrgb(46, 96, 169)

RGB (0–1)0.1804, 0.3765, 0.6627

RGB percentages18%, 37.6%, 66.3%

HSLhsl(215.6, 57.2%, 42.2%)

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

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

24-bit integer3,039,401

CSS custom property--colour: #2E60A9;

Brightness & contrast

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

Perceived brightness96.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.25:1

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

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

Greyscale equivalent#5B5B5B

Inverted#D19F56

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#3D67ACno red cones; affects about 1% of men; ΔE 4.1 from the original

Deuteranopia#275BA8no green cones; the most common form, about 1% of men; ΔE 3.5 from the original

Tritanopia#00717Cno blue cones; rare, and affects men and women equally; ΔE 43.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark slateblue · ΔE 20.1 Steel blue · ΔE 21 Cornflower blue · ΔE 21.7 Dodgerblue · ΔE 26.7 Royal blue · ΔE 28.3 Slate blue · ΔE 30.8

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A9772E

Analogous#2E9DA9, #3A2EA9

Triadic#A92E60, #60A92E

Split complementary#A93A2E, #9DA92E

Tetradic#A92E9D, #A9772E, #2EA93A

Tints, shades & saturation

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

Lighter +40%#B7CDEC

Lighter +30%#8FB0E1

Lighter +20%#6794D6

Lighter +10%#3F78CB

Darker −10%#234981

Darker −20%#183259

Darker −30%#0D1C31

Darker −40%#020509

More saturated +25%#135BC4

Less saturated −25%#49658E

Channel breakdown

R46

G96

B169

Red46 (18%)

Green96 (37.6%)

Blue169 (66.3%)

Hue215.61°

Saturation (HSL)57.21%

Lightness42.16%

Dominant channelBlue

Hex per channelR 2E · G 60 · B A9

Keep nerding

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

#2E60A9

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