Colour

#ACC2D8

#ACC2D8
Blue
Light
Nearest: Light steelblue

#ACC2D8 is a blue with RGB values 172, 194, 216 and HSL 210°, 36%, 76%. It is a light colour, so black text on it reaches 11.5:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#ACC2D8#ACC2D8

HEX#ACC2D8

RGBrgb(172, 194, 216)

RGB (0–1)0.6745, 0.7608, 0.8471

RGB percentages67.5%, 76.1%, 84.7%

HSLhsl(210, 36.1%, 76.1%)

HSV / HSBhsv(210, 20.4%, 84.7%)

CMYK20.4%, 10.2%, 0%, 15.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,322,072

CSS custom property--colour: #ACC2D8;

Brightness & contrast

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

Perceived brightness190.4 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.46:1

Contrast with white1.83:1WCAG normal text: Fail

Contrast with black11.46:1WCAG normal text: AAA

Greyscale equivalent#BFBFBF

Inverted#533D27

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#A0C7C9no blue cones; rare, and affects men and women equally; ΔE 12.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.83:1WCAG large text: Fail

Contrast with black, large text11.46:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 2.5 Light blue · ΔE 10.5 Silver · ΔE 13.8 Sky blue · ΔE 14.5 Powder blue · ΔE 15.3 Light grey · ΔE 15.5

Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 2.49, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D8C2AC

Analogous#ACD8D8, #ACACD8

Triadic#D8ACC2, #C2D8AC

Split complementary#D8ACAC, #D8D8AC

Tetradic#D8ACD8, #D8C2AC, #ACD8AC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#F1F5F9

Lighter +10%#CFDCE8

Darker −10%#89A9C8

Darker −20%#678FB7

Darker −30%#4B76A0

Darker −40%#3B5C7D

More saturated +25%#9DC2E7

Less saturated −25%#BBC2C9

Channel breakdown

R172

G194

B216

Red172 (67.5%)

Green194 (76.1%)

Blue216 (84.7%)

Hue210°

Saturation (HSL)36.07%

Lightness76.08%

Dominant channelBlue

Hex per channelR AC · G C2 · B D8

Keep nerding

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

#ACC2D8

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