#56a0bc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #56a0bc | RGB(86, 160, 188) |
Created at 10/03/2026 02:40
RGB values are RGB(86, 160, 188)
#56a0bc color contains Red 33.73%, Green 62.75% and Blue 73.73%.
oklch(66.89% 0.0845 224.95)
#56a0bc color contains Red 33.73%, Green 62.75% and Blue 73.73%.
oklch(66.89% 0.0845 224.95)
Color Names of #56a0bc HEX code
≈ Hippie Blue
Classification of #56a0bc color
#56a0bc is Light and Cool Color Saturation 43%, lightness 54%.
Tint of Cadet Blue
Alternative colors of #56a0bc
Opposite Color for #56a0bc is #bc7256
#56a0bc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #56a0bc
cmyk
CMYK(54%, 15%, 0%, 26%)
Decimal
5677244
HEX
#56a0bc
HSL
hsl(196, 43%, 54%)
HSLA
hsla(196, 43%, 54%, 1)
RGB
RGB(86, 160, 188)
RGBA
RGBA(86, 160, 188, 1)
Palettes for #56a0bc color:
Below are examples of color palettes with the #56a0bc HEX color
darkest color is #091013 from shades and lightest color is #eef6f8 from tints
Shades palette of #56a0bc:
#4d90a9
#458096
#3c7084
#346071
#2b505e
#22404b
#1a3038
#112026
#091013
#000000
Tints palette of #56a0bc:
#67aac3
#78b3c9
#89bdd0
#9ac6d7
#abd0de
#bbd9e4
#cce3eb
#ddecf2
#eef6f8
#ffffff
Complementary palette of #56a0bc:
#56a0bc
#bc7256
Triadic palette of #56a0bc:
#56a0bc
#bc56a0
#a0bc56
Square palette of #56a0bc:
#56a0bc
#a556bc
#bc7256
#6dbc56
Analogous palette of #56a0bc:
#56bca5
#56a0bc
#566dbc
Split-Complementary palette of #56a0bc:
#56a0bc
#bc566d
#bca556
Rectangle (tetradic) palette of #56a0bc:
#56a0bc
#7256bc
#bc7256
#a0bc56
Suggested color palettes for #56a0bc HEX:
Color palette with color #56a0bc #1:
Color palette with color #56a0bc #2:
Color palette with color #56a0bc #3:
Color palette with color #56a0bc #4:
Color palette with color #56a0bc #5:
Color Contrast
Color pairings of #56a0bc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#56a0bc
#56a0bcContrast Ratio
2.93:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#56a0bc
#56a0bcContrast Ratio
7.15:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #56a0bc color png
Visit the popular colors list for more colors