Created at 03/03/2023 13:57
#a2d6cc HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #a2d6cc | RGB(162, 214, 204) |
RGB values are RGB(162, 214, 204)
#a2d6cc color contain Red 63.53%, Green 83.92% and Blue 80%.
oklch(83.71% 0.0556 181.77)
#a2d6cc color contain Red 63.53%, Green 83.92% and Blue 80%.
oklch(83.71% 0.0556 181.77)
Classification of #a2d6cc color
#a2d6cc is Light and Cool Color Saturation 39%, lightness 74%.
Tint of paleturquoise
Alternative colors of #a2d6cc
Opposite Color for #a2d6cc is #d7a3ad
#a2d6cc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #a2d6cc
Decimal
10671820
HEX
#a2d6cc
HSL
hsl(168, 39%, 74%)
HSLA
hsla(168, 39%, 74%, 1)
RGB
RGB(162, 214, 204)
RGBA
RGBA(162, 214, 204, 1)
Palettes for #a2d6cc color:
Below examples of color palettes for #a2d6cc HEX color
darkest color is #101514 from shades and lightest color is #f6fbfa from tints
Shades palette of #a2d6cc:
#92c1b8
#82aba3
#71968f
#61807a
#516b66
#415652
#31403d
#202b29
#101514
#000000
Tints palette of #a2d6cc:
#abdad1
#b5ded6
#bee2db
#c7e6e0
#d1ebe6
#daefeb
#e3f3f0
#ecf7f5
#f6fbfa
#ffffff
Complementary palette of #a2d6cc:
#a3d7cc
#d7a3ad
Triadic palette of #a2d6cc:
#a3d7cc
#cca3d7
#d7cca3
Square palette of #a2d6cc:
#a3d7cc
#b2a3d7
#c7d7a3
#d7a3ad
Analogous palette of #a2d6cc:
#a3d7b2
#a3d7cc
Split-Complementary palette of #a2d6cc:
#a3d7cc
#a3d7b2
Rectangle (tetradic) palette of #a2d6cc:
#a3d7cc
#b2a3d7
#c7d7a3
#d7a3c7
Suggested colors palettes for #a2d6cc HEX:
Colors palette with color #a2d6cc #1:
Colors palette with color #a2d6cc #2:
Colors palette with color #a2d6cc #3:
Colors palette with color #a2d6cc #4:
Colors palette with color #a2d6cc #5:
Color #a2d6cc used in palettes (1)
Color Contrast
Color pairings #a2d6cc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#a2d6cc
#a2d6cc Contrast Ratio
1.61:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#a2d6cc
#a2d6cc Contrast Ratio
13.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #a2d6cc color png
Visit the popular colors list for more colors