Colour

#A3ACB4

#A3ACB4
Blue
Dark
Nearest: Dark grey

#A3ACB4 is a blue with RGB values 163, 172, 180 and HSL 208°, 10%, 67%. It is a dark colour, so black text on it reaches 9.1:1 contrast (AAA for normal text). The nearest named colour is Dark grey.

Colour values

#A3ACB4#A3ACB4

HEX#A3ACB4

RGBrgb(163, 172, 180)

RGB (0–1)0.6392, 0.6745, 0.7059

RGB percentages63.9%, 67.5%, 70.6%

HSLhsl(208.2, 10.2%, 67.3%)

HSV / HSBhsv(208.2, 9.4%, 70.6%)

CMYK9.4%, 4.4%, 0%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,726,580

CSS custom property--colour: #A3ACB4;

Brightness & contrast

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

Perceived brightness170.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.12:1

Contrast with white2.3:1WCAG normal text: Fail

Contrast with black9.12:1WCAG normal text: AAA

Greyscale equivalent#ABABAB

Inverted#5C534B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A9ACB4no red cones; affects about 1% of men; ΔE 2.2 from the original

Deuteranopia#A7AAB4no green cones; the most common form, about 1% of men; ΔE 2.5 from the original

Tritanopia#9FAEAEno blue cones; rare, and affects men and women equally; ΔE 5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.3:1WCAG large text: Fail

Contrast with black, large text9.12:1WCAG large text: AAA

Named colours

Dark grey · ΔE 5.5 Silver · ΔE 9.5 Light steelblue · ΔE 13.2 Light slate grey · ΔE 15.2 Light grey · ΔE 15.6 Gray · ΔE 17.2

Nearest named CSS colourDark grey (#A9A9A9)ΔE 5.45, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B4ABA3

Analogous#A3B4B4, #A3A3B4

Triadic#B4A3AC, #ACB4A3

Split complementary#B4A3A3, #B4B3A3

Tetradic#B4A3B4, #B4ABA3, #A4B4A3

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F7F8F9

Lighter +20%#DBDFE2

Lighter +10%#BFC5CB

Darker −10%#87939D

Darker −20%#6C7985

Darker −30%#556069

Darker −40%#3E464D

More saturated +25%#8EADC9

Less saturated −25%#ACACAC

Channel breakdown

R163

G172

B180

Red163 (63.9%)

Green172 (67.5%)

Blue180 (70.6%)

Hue208.24°

Saturation (HSL)10.18%

Lightness67.25%

Dominant channelBlue

Hex per channelR A3 · G AC · B B4

Keep nerding

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

#A3ACB4

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