Colour

#1E5096

#1E5096
Blue
Dark
Nearest: Dark slateblue

#1E5096 is a blue with RGB values 30, 80, 150 and HSL 215°, 67%, 35%. It is a dark colour, so white text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#1E5096#1E5096

HEX#1E5096

RGBrgb(30, 80, 150)

RGB (0–1)0.1176, 0.3137, 0.5882

RGB percentages11.8%, 31.4%, 58.8%

HSLhsl(215, 66.7%, 35.3%)

HSV / HSBhsv(215, 80%, 58.8%)

CMYK80%, 46.7%, 0%, 41.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,986,710

CSS custom property--colour: #1E5096;

Brightness & contrast

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

Perceived brightness81.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.95:1

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

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

Greyscale equivalent#4A4A4A

Inverted#E1AF69

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#0E4C95no green cones; the most common form, about 1% of men; ΔE 2.8 from the original

Tritanopia#00616Bno blue cones; rare, and affects men and women equally; ΔE 42.9 from the original

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

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

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

Named colours

Dark slateblue · ΔE 16.7 Steel blue · ΔE 25.2 Cornflower blue · ΔE 28.2 Midnight blue · ΔE 29.5 Royal blue · ΔE 30.7 Slate blue · ΔE 32

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#96641E

Analogous#1E8C96, #281E96

Triadic#961E50, #50961E

Split complementary#96281E, #8C961E

Tetradic#961E8C, #96641E, #1E9628

Tints, shades & saturation

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

Lighter +40%#96B9EA

Lighter +30%#6C9DE2

Lighter +20%#4180D9

Lighter +10%#2767C1

Darker −10%#16396C

Darker −20%#0D2341

Darker −30%#050C17

Darker −40%#000000

More saturated +25%#084CAD

Less saturated −25%#355480

Channel breakdown

R30

G80

B150

Red30 (11.8%)

Green80 (31.4%)

Blue150 (58.8%)

Hue215°

Saturation (HSL)66.67%

Lightness35.29%

Dominant channelBlue

Hex per channelR 1E · G 50 · B 96

Keep nerding

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

#1E5096

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