Created at 12/21/2023 11:02
#afd0de HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #afd0de | RGB(175, 208, 222) |
RGB values are RGB(175, 208, 222)
#afd0de color contain Red 68.63%, Green 81.57% and Blue 87.06%.
oklch(83.80% 0.0402 225.4)
#afd0de color contain Red 68.63%, Green 81.57% and Blue 87.06%.
oklch(83.80% 0.0402 225.4)
Classification of #afd0de color
#afd0de is Light and Cool Color Saturation 42%, lightness 78%.
Tint of lightblue
Alternative colors of #afd0de
Opposite Color for #afd0de is #debdaf
#afd0de Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #afd0de
Decimal
11522270
HEX
#afd0de
HSL
hsl(198, 42%, 78%)
HSLA
hsla(198, 42%, 78%, 1)
RGB
RGB(175, 208, 222)
RGBA
RGBA(175, 208, 222, 1)
Palettes for #afd0de color:
Below examples of color palettes for #afd0de HEX color
darkest color is #111516 from shades and lightest color is #f7fafc from tints
Shades palette of #afd0de:
#9ebbc8
#8ca6b2
#7a929b
#697d85
#58686f
#465359
#353e43
#232a2c
#111516
#000000
Tints palette of #afd0de:
#b7d5e1
#bfd9e5
#c7dee8
#cfe3eb
#d7e8ef
#dfecf2
#e7f1f5
#eff6f8
#f7fafc
#ffffff
Complementary palette of #afd0de:
#afd0de
#debdaf
Triadic palette of #afd0de:
#afd0de
#deafd0
#d0deaf
Square palette of #afd0de:
#afd0de
#d5afde
#b9deaf
#debdaf
Analogous palette of #afd0de:
#afded5
#afd0de
Split-Complementary palette of #afd0de:
#afd0de
#afded5
Rectangle (tetradic) palette of #afd0de:
#afd0de
#d5afde
#b9deaf
#deafb9
Suggested colors palettes for #afd0de HEX:
Colors palette with color #afd0de #1:
Colors palette with color #afd0de #2:
Colors palette with color #afd0de #3:
Colors palette with color #afd0de #4:
Colors palette with color #afd0de #5:
Color Contrast
Color pairings #afd0de with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#afd0de
#afd0de Contrast Ratio
1.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#afd0de
#afd0de Contrast Ratio
12.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #afd0de color png
Visit the popular colors list for more colors