#5696d4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5696d4 | RGB(86, 150, 212) |
Created at 10/08/2026 09:48
Classification of #5696d4 color
#5696d4 is Light and Cool Color Saturation 59%, lightness 58%.
Tint of Dodger Blue
RGB values are RGB(86, 150, 212)
#5696d4 color contains Red 33.73%, Green 58.82% and Blue 83.14%.
oklch(65.69% 0.1142 249.25)
#5696d4 color contains Red 33.73%, Green 58.82% and Blue 83.14%.
oklch(65.69% 0.1142 249.25)
Color Names of #5696d4 HEX code
≈ Havelock Blue
Alternative colors of #5696d4
Opposite Color for #5696d4 is #d49456
#5696d4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5696d4
cmyk
CMYK(59%, 29%, 0%, 17%)
Decimal
5674708
HEX
#5696d4
HSL
hsl(210, 59%, 58%)
HSLA
hsla(210, 59%, 58%, 1)
RGB
RGB(86, 150, 212)
RGBA
RGBA(86, 150, 212, 1)
Palettes for #5696d4 color:
Below are examples of color palettes with the #5696d4 HEX color
darkest color is #090f15 from shades and lightest color is #eef5fb from tints
Shades palette of #5696d4:
#4d87bf
#4578aa
#3c6994
#345a7f
#2b4b6a
#223c55
#1a2d40
#111e2a
#090f15
#000000
Tints palette of #5696d4:
#67a1d8
#78abdd
#89b6e1
#9ac0e5
#abcbea
#bbd5ee
#cce0f2
#ddeaf6
#eef5fb
#ffffff
Complementary palette of #5696d4:
#5696d4
#d49456
Triadic palette of #5696d4:
#5696d4
#d45696
#96d456
Square palette of #5696d4:
#5696d4
#d356d4
#d49456
#57d456
Analogous palette of #5696d4:
#56d4d3
#5696d4
#5657d4
Split-Complementary palette of #5696d4:
#5696d4
#d45657
#d4d356
Rectangle (tetradic) palette of #5696d4:
#5696d4
#9456d4
#d49456
#96d456
Suggested color palettes for #5696d4 HEX:
Color palette with color #5696d4 #1:
Color palette with color #5696d4 #2:
Color palette with color #5696d4 #3:
Color palette with color #5696d4 #4:
Color palette with color #5696d4 #5:
Color Contrast
Color pairings of #5696d4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5696d4
#5696d4 Contrast Ratio
3.13:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5696d4
#5696d4 Contrast Ratio
6.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5696d4 color png
Visit the popular colors list for more colors