#56a2cc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #56a2cc | RGB(86, 162, 204) |
Created at 10/24/2026 01:50
RGB values are RGB(86, 162, 204)
#56a2cc color contains Red 33.73%, Green 63.53% and Blue 80%.
oklch(68.04% 0.0977 234.9)
#56a2cc color contains Red 33.73%, Green 63.53% and Blue 80%.
oklch(68.04% 0.0977 234.9)
Color Names of #56a2cc HEX code
≈ Shakespeare
Classification of #56a2cc color
#56a2cc is Light and Cool Color Saturation 54%, lightness 57%.
Tint of Dodger Blue
Alternative colors of #56a2cc
Opposite Color for #56a2cc is #cc8056
#56a2cc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #56a2cc
cmyk
CMYK(58%, 21%, 0%, 20%)
Decimal
5677772
HEX
#56a2cc
HSL
hsl(201, 54%, 57%)
HSLA
hsla(201, 54%, 57%, 1)
RGB
RGB(86, 162, 204)
RGBA
RGBA(86, 162, 204, 1)
Palettes for #56a2cc color:
Below are examples of color palettes with the #56a2cc HEX color
darkest color is #091014 from shades and lightest color is #eef6fa from tints
Shades palette of #56a2cc:
#4d92b8
#4582a3
#3c718f
#34617a
#2b5166
#224152
#1a313d
#112029
#091014
#000000
Tints palette of #56a2cc:
#67abd1
#78b5d6
#89bedb
#9ac7e0
#abd1e6
#bbdaeb
#cce3f0
#ddecf5
#eef6fa
#ffffff
Complementary palette of #56a2cc:
#56a2cc
#cc8056
Triadic palette of #56a2cc:
#56a2cc
#cc56a2
#a2cc56
Square palette of #56a2cc:
#56a2cc
#bb56cc
#cc8056
#67cc56
Analogous palette of #56a2cc:
#56ccbb
#56a2cc
#5667cc
Split-Complementary palette of #56a2cc:
#56a2cc
#cc5667
#ccbb56
Rectangle (tetradic) palette of #56a2cc:
#56a2cc
#8056cc
#cc8056
#a2cc56
Suggested color palettes for #56a2cc HEX:
Color palette with color #56a2cc #1:
Color palette with color #56a2cc #2:
Color palette with color #56a2cc #3:
Color palette with color #56a2cc #4:
Color palette with color #56a2cc #5:
Color Contrast
Color pairings of #56a2cc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#56a2cc
#56a2ccContrast Ratio
2.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#56a2cc
#56a2ccContrast Ratio
7.43:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #56a2cc color png
Visit the popular colors list for more colors