#56a5e0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #56a5e0 | RGB(86, 165, 224) |
Created at 11/03/2026 13:09
RGB values are RGB(86, 165, 224)
#56a5e0 color contains Red 33.73%, Green 64.71% and Blue 87.84%.
oklch(69.64% 0.1168 243.17)
#56a5e0 color contains Red 33.73%, Green 64.71% and Blue 87.84%.
oklch(69.64% 0.1168 243.17)
Color Names of #56a5e0 HEX code
≈ Shakespeare
Classification of #56a5e0 color
#56a5e0 is Light and Cool Color Saturation 69%, lightness 61%.
Tint of Dodger Blue
Alternative colors of #56a5e0
Opposite Color for #56a5e0 is #e09156
#56a5e0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #56a5e0
cmyk
CMYK(62%, 26%, 0%, 12%)
Decimal
5678560
HEX
#56a5e0
HSL
hsl(206, 69%, 61%)
HSLA
hsla(206, 69%, 61%, 1)
RGB
RGB(86, 165, 224)
RGBA
RGBA(86, 165, 224, 1)
Palettes for #56a5e0 color:
Below are examples of color palettes with the #56a5e0 HEX color
darkest color is #091016 from shades and lightest color is #eef6fc from tints
Shades palette of #56a5e0:
#4d95ca
#4584b3
#3c739d
#346386
#2b5370
#22425a
#1a3243
#11212d
#091016
#000000
Tints palette of #56a5e0:
#67aee3
#78b7e6
#89c0e9
#9ac9ec
#abd2f0
#bbdbf3
#cce4f6
#ddedf9
#eef6fc
#ffffff
Complementary palette of #56a5e0:
#56a5e0
#e09156
Triadic palette of #56a5e0:
#56a5e0
#e056a5
#a5e056
Square palette of #56a5e0:
#56a5e0
#d656e0
#e09156
#60e056
Analogous palette of #56a5e0:
#56e0d6
#56a5e0
#5660e0
Split-Complementary palette of #56a5e0:
#56a5e0
#e05660
#e0d656
Rectangle (tetradic) palette of #56a5e0:
#56a5e0
#9156e0
#e09156
#a5e056
Suggested color palettes for #56a5e0 HEX:
Color palette with color #56a5e0 #1:
Color palette with color #56a5e0 #2:
Color palette with color #56a5e0 #3:
Color palette with color #56a5e0 #4:
Color palette with color #56a5e0 #5:
Color Contrast
Color pairings of #56a5e0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#56a5e0
#56a5e0Contrast Ratio
2.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#56a5e0
#56a5e0Contrast Ratio
7.85:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #56a5e0 color png
Visit the popular colors list for more colors