Colour

#0057AD

#0057AD
Blue
Dark
Nearest: Dark slateblue

#0057AD is a blue with RGB values 0, 87, 173 and HSL 210°, 100%, 34%. It is a dark colour, so white text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#0057AD#0057AD

HEX#0057AD

RGBrgb(0, 87, 173)

RGB (0–1)0, 0.3412, 0.6784

RGB percentages0%, 34.1%, 67.8%

HSLhsl(209.8, 100%, 33.9%)

HSV / HSBhsv(209.8, 100%, 67.8%)

CMYK100%, 49.7%, 0%, 32.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer22,445

CSS custom property--colour: #0057AD;

Brightness & contrast

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

Perceived brightness88.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.08:1

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

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

Greyscale equivalent#4B4B4B

Inverted#FFA852

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#2060B0no red cones; affects about 1% of men; ΔE 5.7 from the original

Deuteranopia#0052ABno green cones; the most common form, about 1% of men; ΔE 3.3 from the original

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

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

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

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

Named colours

Dark slateblue · ΔE 18 Royal blue · ΔE 21.7 Cornflower blue · ΔE 24.7 Dodgerblue · ΔE 24.8 Slate blue · ΔE 25.5 Midnight blue · ΔE 29.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#AD5600

Analogous#00ADAC, #0001AD

Triadic#AD0057, #57AD00

Split complementary#AD0001, #ADAC00

Tetradic#AC00AD, #AD5600, #01AD00

Tints, shades & saturation

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

Lighter +40%#7ABDFF

Lighter +30%#47A4FF

Lighter +20%#148AFF

Lighter +10%#0071E0

Darker −10%#003D7A

Darker −20%#002447

Darker −30%#000A14

Darker −40%#000000

More saturated +25%#0057AD

Less saturated −25%#165797

Channel breakdown

G87

B173

Red0 (0%)

Green87 (34.1%)

Blue173 (67.8%)

Hue209.83°

Saturation (HSL)100%

Lightness33.92%

Dominant channelBlue

Hex per channelR 00 · G 57 · B AD

Keep nerding

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

#0057AD

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