#56a4bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #56a4bd | RGB(86, 164, 189) |
Created at 12/17/2023 14:02
RGB values are RGB(86, 164, 189)
#56a4bd color contains Red 33.73%, Green 64.31% and Blue 74.12%.
oklch(67.87% 0.085 221.22)
#56a4bd color contains Red 33.73%, Green 64.31% and Blue 74.12%.
oklch(67.87% 0.085 221.22)
Color Names of #56a4bd HEX code
≈ Fountain Blue
Classification of #56a4bd color
#56a4bd is Light and Cool Color Saturation 44%, lightness 54%.
Tint of Cadet Blue
Alternative colors of #56a4bd
Opposite Color for #56a4bd is #bd6f56
#56a4bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #56a4bd
cmyk
CMYK(54%, 13%, 0%, 26%)
Decimal
5678269
HEX
#56a4bd
HSL
hsl(195, 44%, 54%)
HSLA
hsla(195, 44%, 54%, 1)
RGB
RGB(86, 164, 189)
RGBA
RGBA(86, 164, 189, 1)
Palettes for #56a4bd color:
Below are examples of color palettes with the #56a4bd HEX color
darkest color is #091013 from shades and lightest color is #eef6f8 from tints
Shades palette of #56a4bd:
#4d94aa
#458397
#3c7384
#346271
#2b525f
#22424c
#1a3139
#112126
#091013
#000000
Tints palette of #56a4bd:
#67adc4
#78b6ca
#89bfd1
#9ac8d7
#abd2de
#bbdbe5
#cce4eb
#ddedf2
#eef6f8
#ffffff
Complementary palette of #56a4bd:
#56a4bd
#bd6f56
Triadic palette of #56a4bd:
#56a4bd
#bd56a4
#a4bd56
Square palette of #56a4bd:
#56a4bd
#a256bd
#bd6f56
#71bd56
Analogous palette of #56a4bd:
#56bda2
#56a4bd
#5671bd
Split-Complementary palette of #56a4bd:
#56a4bd
#bd5671
#bda256
Rectangle (tetradic) palette of #56a4bd:
#56a4bd
#6f56bd
#bd6f56
#a4bd56
Suggested color palettes for #56a4bd HEX:
Color palette with color #56a4bd #1:
Color palette with color #56a4bd #2:
Color palette with color #56a4bd #3:
Color palette with color #56a4bd #4:
Color palette with color #56a4bd #5:
Color Contrast
Color pairings of #56a4bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#56a4bd
#56a4bdContrast Ratio
2.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#56a4bd
#56a4bdContrast Ratio
7.44:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #56a4bd color png
Visit the popular colors list for more colors