Created at 12/14/2023 13:46
#21afde HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #21afde | RGB(33, 175, 222) |
RGB values are RGB(33, 175, 222)
#21afde color contain Red 12.94%, Green 68.63% and Blue 87.06%.
oklch(70.48% 0.1295 227.01)
#21afde color contain Red 12.94%, Green 68.63% and Blue 87.06%.
oklch(70.48% 0.1295 227.01)
Classification of #21afde color
#21afde is Light and Cool Color Saturation 74%, lightness 50%.
Tint of deepskyblue
Alternative colors of #21afde
Opposite Color for #21afde is #de5021
#21afde Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #21afde
Decimal
2207710
HEX
#21afde
HSL
hsl(195, 74%, 50%)
HSLA
hsla(195, 74%, 50%, 1)
RGB
RGB(33, 175, 222)
RGBA
RGBA(33, 175, 222, 1)
Palettes for #21afde color:
Below examples of color palettes for #21afde HEX color
darkest color is #031116 from shades and lightest color is #e9f7fc from tints
Shades palette of #21afde:
#1e9ec8
#1a8cb2
#177a9b
#146985
#11586f
#0d4659
#0a3543
#07232c
#031116
#000000
Tints palette of #21afde:
#37b7e1
#4dbfe5
#64c7e8
#7acfeb
#90d7ef
#a6dff2
#bce7f5
#d3eff8
#e9f7fc
#ffffff
Complementary palette of #21afde:
#21afde
#de5021
Triadic palette of #21afde:
#21afde
#de21af
#afde21
Square palette of #21afde:
#21afde
#af21de
#50de21
#de5021
Analogous palette of #21afde:
#21deaf
#21afde
Split-Complementary palette of #21afde:
#21afde
#21deaf
Rectangle (tetradic) palette of #21afde:
#21afde
#af21de
#50de21
#de2150
Suggested colors palettes for #21afde HEX:
Colors palette with color #21afde #1:
Colors palette with color #21afde #2:
Colors palette with color #21afde #3:
Colors palette with color #21afde #4:
Colors palette with color #21afde #5:
Color Contrast
Color pairings #21afde with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#21afde
#21afde Contrast Ratio
2.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#21afde
#21afde Contrast Ratio
8.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #21afde color png
Visit the popular colors list for more colors