#5696bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5696bd | RGB(86, 150, 189) |
Created at 01/10/2024 19:24
RGB values are RGB(86, 150, 189)
#5696bd color contains Red 33.73%, Green 58.82% and Blue 74.12%.
oklch(64.60% 0.0881 237.04)
#5696bd color contains Red 33.73%, Green 58.82% and Blue 74.12%.
oklch(64.60% 0.0881 237.04)
Color Names of #5696bd HEX code
≈ Hippie Blue
Classification of #5696bd color
#5696bd is Light and Cool Color Saturation 44%, lightness 54%.
Tint of Steel Blue
Alternative colors of #5696bd
Opposite Color for #5696bd is #bd7d56
#5696bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5696bd
cmyk
CMYK(54%, 21%, 0%, 26%)
Decimal
5674685
HEX
#5696bd
HSL
hsl(203, 44%, 54%)
HSLA
hsla(203, 44%, 54%, 1)
RGB
RGB(86, 150, 189)
RGBA
RGBA(86, 150, 189, 1)
Palettes for #5696bd color:
Below are examples of color palettes with the #5696bd HEX color
darkest color is #090f13 from shades and lightest color is #eef5f8 from tints
Shades palette of #5696bd:
#4d87aa
#457897
#3c6984
#345a71
#2b4b5f
#223c4c
#1a2d39
#111e26
#090f13
#000000
Tints palette of #5696bd:
#67a1c4
#78abca
#89b6d1
#9ac0d7
#abcbde
#bbd5e5
#cce0eb
#ddeaf2
#eef5f8
#ffffff
Complementary palette of #5696bd:
#5696bd
#bd7d56
Triadic palette of #5696bd:
#5696bd
#bd5696
#96bd56
Square palette of #5696bd:
#5696bd
#b156bd
#bd7d56
#62bd56
Analogous palette of #5696bd:
#56bdb1
#5696bd
#5662bd
Split-Complementary palette of #5696bd:
#5696bd
#bd5662
#bdb156
Rectangle (tetradic) palette of #5696bd:
#5696bd
#7d56bd
#bd7d56
#96bd56
Suggested color palettes for #5696bd HEX:
Color palette with color #5696bd #1:
Color palette with color #5696bd #2:
Color palette with color #5696bd #3:
Color palette with color #5696bd #4:
Color palette with color #5696bd #5:
Color Contrast
Color pairings of #5696bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5696bd
#5696bd Contrast Ratio
3.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5696bd
#5696bd Contrast Ratio
6.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5696bd color png
Visit the popular colors list for more colors