#56a5d8 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #56a5d8 | RGB(86, 165, 216) |
Created at 11/04/2026 06:57
RGB values are RGB(86, 165, 216)
#56a5d8 color contains Red 33.73%, Green 64.71% and Blue 84.71%.
oklch(69.27% 0.1082 239.26)
#56a5d8 color contains Red 33.73%, Green 64.71% and Blue 84.71%.
oklch(69.27% 0.1082 239.26)
Color Names of #56a5d8 HEX code
≈ Shakespeare
Classification of #56a5d8 color
#56a5d8 is Light and Cool Color Saturation 63%, lightness 59%.
Tint of Deep Sky Blue
Alternative colors of #56a5d8
Opposite Color for #56a5d8 is #d88956
#56a5d8 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #56a5d8
cmyk
CMYK(60%, 24%, 0%, 15%)
Decimal
5678552
HEX
#56a5d8
HSL
hsl(204, 63%, 59%)
HSLA
hsla(204, 63%, 59%, 1)
RGB
RGB(86, 165, 216)
RGBA
RGBA(86, 165, 216, 1)
Palettes for #56a5d8 color:
Below are examples of color palettes with the #56a5d8 HEX color
darkest color is #091016 from shades and lightest color is #eef6fb from tints
Shades palette of #56a5d8:
#4d95c2
#4584ad
#3c7397
#346382
#2b536c
#224256
#1a3241
#11212b
#091016
#000000
Tints palette of #56a5d8:
#67aedc
#78b7e0
#89c0e4
#9ac9e8
#abd2ec
#bbdbef
#cce4f3
#ddedf7
#eef6fb
#ffffff
Complementary palette of #56a5d8:
#56a5d8
#d88956
Triadic palette of #56a5d8:
#56a5d8
#d856a5
#a5d856
Square palette of #56a5d8:
#56a5d8
#ca56d8
#d88956
#64d856
Analogous palette of #56a5d8:
#56d8ca
#56a5d8
#5664d8
Split-Complementary palette of #56a5d8:
#56a5d8
#d85664
#d8ca56
Rectangle (tetradic) palette of #56a5d8:
#56a5d8
#8956d8
#d88956
#a5d856
Suggested color palettes for #56a5d8 HEX:
Color palette with color #56a5d8 #1:
Color palette with color #56a5d8 #2:
Color palette with color #56a5d8 #3:
Color palette with color #56a5d8 #4:
Color palette with color #56a5d8 #5:
Color Contrast
Color pairings of #56a5d8 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#56a5d8
#56a5d8Contrast Ratio
2.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#56a5d8
#56a5d8Contrast Ratio
7.76:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #56a5d8 color png
Visit the popular colors list for more colors