Created at 12/10/2023 07:13
#a2d4dd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #a2d4dd | RGB(162, 212, 221) |
RGB values are RGB(162, 212, 221)
#a2d4dd color contain Red 63.53%, Green 83.14% and Blue 86.67%.
oklch(83.80% 0.0533 209.8)
#a2d4dd color contain Red 63.53%, Green 83.14% and Blue 86.67%.
oklch(83.80% 0.0533 209.8)
Classification of #a2d4dd color
#a2d4dd is Light and Cool Color Saturation 46%, lightness 75%.
Tint of powderblue
Alternative colors of #a2d4dd
Opposite Color for #a2d4dd is #ddaba2
#a2d4dd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #a2d4dd
Decimal
10671325
HEX
#a2d4dd
HSL
hsl(189, 46%, 75%)
HSLA
hsla(189, 46%, 75%, 1)
RGB
RGB(162, 212, 221)
RGBA
RGBA(162, 212, 221, 1)
Palettes for #a2d4dd color:
Below examples of color palettes for #a2d4dd HEX color
darkest color is #101516 from shades and lightest color is #f6fbfc from tints
Shades palette of #a2d4dd:
#92bfc7
#82aab1
#71949b
#617f85
#516a6f
#415558
#314042
#202a2c
#101516
#000000
Tints palette of #a2d4dd:
#abd8e0
#b5dde4
#bee1e7
#c7e5eb
#d1eaee
#daeef1
#e3f2f5
#ecf6f8
#f6fbfc
#ffffff
Complementary palette of #a2d4dd:
#a2d4dd
#ddaba2
Triadic palette of #a2d4dd:
#a2d4dd
#dda2d4
#d4dda2
Square palette of #a2d4dd:
#a2d4dd
#c8a2dd
#b6dda2
#ddaba2
Analogous palette of #a2d4dd:
#a2ddc8
#a2d4dd
Split-Complementary palette of #a2d4dd:
#a2d4dd
#a2ddc8
Rectangle (tetradic) palette of #a2d4dd:
#a2d4dd
#c8a2dd
#b6dda2
#dda2b6
Suggested colors palettes for #a2d4dd HEX:
Colors palette with color #a2d4dd #1:
Colors palette with color #a2d4dd #2:
Colors palette with color #a2d4dd #3:
Colors palette with color #a2d4dd #4:
Colors palette with color #a2d4dd #5:
Color Contrast
Color pairings #a2d4dd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#a2d4dd
#a2d4dd Contrast Ratio
1.61:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#a2d4dd
#a2d4dd Contrast Ratio
12.99:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #a2d4dd color png
Visit the popular colors list for more colors