Created at 02/24/2023 17:36
#a8b4cc HEX Color information
| Color | HEX | RGB |
| #a8b4cc | RGB(168, 180, 204) |
RGB values are RGB(168, 180, 204)
#a8b4cc color contain Red 65.88%, Green 70.59% and Blue 80%.
Color Names of #a8b4cc HEX code
Cadet Blue (Crayola) Color
Alternative colors of #a8b4cc
Opposite Color for #a8b4cc is #ccc0a8
#a8b4cc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #a8b4cc
Decimal
11056332
HEX
#a8b4cc
HSL
hsl(220, 26%, 73%)
HSLA
hsla(220, 26%, 73%, 1)
RGB
RGB(168, 180, 204)
RGBA
RGBA(168, 180, 204, 1)
Palettes for #a8b4cc color:
Below examples of color palettes for #a8b4cc HEX color
darkest color is #111214 from shades and lightest color is #f6f8fa from tints
Shades palette of #a8b4cc:
Tints palette of #a8b4cc:
Complementary palette of #a8b4cc:
Triadic palette of #a8b4cc:
Square palette of #a8b4cc:
Analogous palette of #a8b4cc:
Split-Complementary palette of #a8b4cc:
Rectangle (tetradic) palette of #a8b4cc:
Suggested colors palettes for #a8b4cc HEX:
Colors palette with color #a8b4cc #1:
Colors palette with color #a8b4cc #2:
Colors palette with color #a8b4cc #3:
Colors palette with color #a8b4cc #4:
Colors palette with color #a8b4cc #5:
Color #a8b4cc used in palettes (11)
Pattern secret agent dots illustration colors Panel utha 3d salt lake palette Branding brand hand illustration Vector 100dayschallenge logo 100days colors palette Sookie st james lorelai gilmore lettering procreate hex colors Ui dailyui hex colors Cards design ux website colors palette Icon mobile yellow interface news app hex colors Newyear cards collection illustration santa Light web ui xd uiux figma design Icon instagram design brand palette
Color Contrast
Color pairings #a8b4cc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#a8b4cc
#a8b4cc Contrast Ratio
2.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#a8b4cc
#a8b4cc Contrast Ratio
10.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
