Colour

#124DAE

#124DAE
Blue
Dark
Nearest: Dark slateblue

#124DAE is a blue with RGB values 18, 77, 174 and HSL 217°, 81%, 38%. It is a dark colour, so white text on it reaches 7.8:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#124DAE#124DAE

HEX#124DAE

RGBrgb(18, 77, 174)

RGB (0–1)0.0706, 0.302, 0.6824

RGB percentages7.1%, 30.2%, 68.2%

HSLhsl(217.3, 81.3%, 37.6%)

HSV / HSBhsv(217.3, 89.7%, 68.2%)

CMYK89.7%, 55.7%, 0%, 31.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,199,534

CSS custom property--colour: #124DAE;

Brightness & contrast

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

Perceived brightness83.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.78:1

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

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

Greyscale equivalent#474747

Inverted#EDB251

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0059B1no red cones; affects about 1% of men; ΔE 9.2 from the original

Deuteranopia#004CACno green cones; the most common form, about 1% of men; ΔE 1.2 from the original

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

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

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

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

Named colours

Dark slateblue · ΔE 16.2 Royal blue · ΔE 16.5 Slate blue · ΔE 18.7 Midnight blue · ΔE 23.3 Rebecca purple · ΔE 24.4 Medium purple · ΔE 26.6

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#AE7312

Analogous#129BAE, #2512AE

Triadic#AE124D, #4DAE12

Split complementary#AE2512, #9BAE12

Tetradic#AE129B, #AE7312, #12AE25

Tints, shades & saturation

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

Lighter +40%#98BBF4

Lighter +30%#699CF0

Lighter +20%#3B7EEB

Lighter +10%#1761DC

Darker −10%#0D3980

Darker −20%#082452

Darker −30%#041023

Darker −40%#000000

More saturated +25%#0049C0

Less saturated −25%#2A5396

Channel breakdown

R18

G77

B174

Red18 (7.1%)

Green77 (30.2%)

Blue174 (68.2%)

Hue217.31°

Saturation (HSL)81.25%

Lightness37.65%

Dominant channelBlue

Hex per channelR 12 · G 4D · B AE

Keep nerding

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

#124DAE

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