Colour

#486CAD

#486CAD
Blue
Dark
Nearest: Steel blue

#486CAD is a blue with RGB values 72, 108, 173 and HSL 219°, 41%, 48%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#486CAD#486CAD

HEX#486CAD

RGBrgb(72, 108, 173)

RGB (0–1)0.2824, 0.4235, 0.6784

RGB percentages28.2%, 42.4%, 67.8%

HSLhsl(218.6, 41.2%, 48%)

HSV / HSBhsv(218.6, 58.4%, 67.8%)

CMYK58.4%, 37.6%, 0%, 32.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,746,413

CSS custom property--colour: #486CAD;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.22:1

Contrast with white5.22:1WCAG normal text: AA

Contrast with black4.02:1WCAG normal text: Fail

Greyscale equivalent#696969

Inverted#B79352

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#4468ACno green cones; the most common form, about 1% of men; ΔE 2.6 from the original

Tritanopia#007A84no blue cones; rare, and affects men and women equally; ΔE 40.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.22:1WCAG large text: AAA

Contrast with black, large text4.02:1WCAG large text: AA

Named colours

Steel blue · ΔE 14.6 Cornflower blue · ΔE 19.5 Dark slateblue · ΔE 24.3 Dodgerblue · ΔE 28.4 Slate grey · ΔE 30.4 Light slate grey · ΔE 30.8

Nearest named CSS colourSteel blue (#4682B4)ΔE 14.63, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#AD8948

Analogous#489EAD, #5748AD

Triadic#AD486C, #6CAD48

Split complementary#AD5748, #9EAD48

Tetradic#AD489E, #AD8948, #48AD57

Tints, shades & saturation

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

Lighter +40%#D4DDED

Lighter +30%#B0C0DE

Lighter +20%#8CA4CF

Lighter +10%#6887C0

Darker −10%#395689

Darker −20%#2A3F65

Darker −30%#1B2941

Darker −40%#0C121D

More saturated +25%#2963CC

Less saturated −25%#67758E

Channel breakdown

R72

G108

B173

Red72 (28.2%)

Green108 (42.4%)

Blue173 (67.8%)

Hue218.61°

Saturation (HSL)41.22%

Lightness48.04%

Dominant channelBlue

Hex per channelR 48 · G 6C · B AD

Keep nerding

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

#486CAD

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