#ABADD9

Light Blue

HEX

RGB

HSL

About #ABADD9 Light Blue

#ABADD9 is a light blue color. In the RGB color model, it is composed of 171 red, 173 green, and 217 blue. In the HSL color space, it has a hue of 237°, saturation of 38%, and lightness of 76%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #ABADD9 in your CSS, SCSS, or Tailwind projects.

Color Properties

237°

Hue

38%

Saturation

76%

Lightness

Light Blue

Color Harmonies

Colors that work well with #ABADD9 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #ABADD9 against white and black backgrounds.

Aa#ABADD9 on White
Contrast Ratio2.16:1
AA AA Large AAA
Aa#ABADD9 on Black
Contrast Ratio9.71:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #ABADD9 across different color formats.

FormatValue
HEX#ABADD9
RGBrgb(171, 173, 217)
HSLhsl(237, 38%, 76%)
RGB Decimal171, 173, 217
RGB Percent67.1%, 67.8%, 85.1%
CMYK (approx.)21%, 20%, 0%, 15%

Related Palettes

12 palettes using #ABADD9 or similar colors

#385A61#4B789A#7D8FB5#ACAED3
#345D65#5A778C#8191B1#ACAFD3
#346365#508095#7F96B3#A9B2D5
#395D60#4E8097#7C95B6#AEB4D1
#355E64#517C94#7A92B8#AEB3D0
#AFA7E3#C6A4ED#DB9EEA#ECC0E6
#365D63#4E7B98#7890BA#AFB3CF
#326167#527B93#8394AF#B0B4CF
#A8E3EF#B0D0F0#B1BCEF#B0A6E3
#A4CCE6#A1B6EA#ACA9E6#BAA0E3
#336466#5A7D8C#7C96B6#AFB6CF
#3D4C5C#506096#7A79B9#B7ADD1