Created at 04/22/2024 13:59
#afd7fd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #afd7fd | RGB(175, 215, 253) |
RGB values are RGB(175, 215, 253)
#afd7fd color contain Red 68.63%, Green 84.31% and Blue 99.22%.
oklch(86.34% 0.0678 247.28)
#afd7fd color contain Red 68.63%, Green 84.31% and Blue 99.22%.
oklch(86.34% 0.0678 247.28)
Classification of #afd7fd color
#afd7fd is Light and Cool Color Saturation 95%, lightness 84%.
Shade of lightskyblue
Alternative colors of #afd7fd
Opposite Color for #afd7fd is #fdd5af
#afd7fd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #afd7fd
Decimal
11524093
HEX
#afd7fd
HSL
hsl(209, 95%, 84%)
HSLA
hsla(209, 95%, 84%, 1)
RGB
RGB(175, 215, 253)
RGBA
RGBA(175, 215, 253, 1)
Palettes for #afd7fd color:
Below examples of color palettes for #afd7fd HEX color
darkest color is #111519 from shades and lightest color is #f7fbff from tints
Shades palette of #afd7fd:
#9ec2e4
#8cacca
#7a97b1
#698198
#586c7f
#465665
#35414c
#232b33
#111519
#000000
Tints palette of #afd7fd:
#b7dbfd
#bfdffd
#c7e3fe
#cfe7fe
#d7ebfe
#dfeffe
#e7f3fe
#eff7ff
#f7fbff
#ffffff
Complementary palette of #afd7fd:
#afd7fd
#fdd5af
Triadic palette of #afd7fd:
#afd7fd
#fdafd7
#d7fdaf
Square palette of #afd7fd:
#afd7fd
#fcaffd
#b1fdaf
#fdd5af
Analogous palette of #afd7fd:
#affdfc
#afd7fd
Split-Complementary palette of #afd7fd:
#afd7fd
#affdfc
Rectangle (tetradic) palette of #afd7fd:
#afd7fd
#fcaffd
#b1fdaf
#fdafb1
Suggested colors palettes for #afd7fd HEX:
Colors palette with color #afd7fd #1:
Colors palette with color #afd7fd #2:
Colors palette with color #afd7fd #3:
Colors palette with color #afd7fd #4:
Colors palette with color #afd7fd #5:
Color Contrast
Color pairings #afd7fd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#afd7fd
#afd7fd Contrast Ratio
1.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#afd7fd
#afd7fd Contrast Ratio
13.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #afd7fd color png
Visit the popular colors list for more colors