#5685dc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5685dc | RGB(86, 133, 220) |
Created at 12/03/2023 11:32
RGB values are RGB(86, 133, 220)
#5685dc color contains Red 33.73%, Green 52.16% and Blue 86.27%.
oklch(62.41% 0.1416 261.72)
#5685dc color contains Red 33.73%, Green 52.16% and Blue 86.27%.
oklch(62.41% 0.1416 261.72)
Color Names of #5685dc HEX code
≈ Havelock Blue
Classification of #5685dc color
#5685dc is Light and Cool Color Saturation 66%, lightness 60%.
Shade of Cornflower Blue
Alternative colors of #5685dc
Opposite Color for #5685dc is #dcad56
#5685dc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5685dc
cmyk
CMYK(61%, 40%, 0%, 14%)
Decimal
5670364
HEX
#5685dc
HSL
hsl(219, 66%, 60%)
HSLA
hsla(219, 66%, 60%, 1)
RGB
RGB(86, 133, 220)
RGBA
RGBA(86, 133, 220, 1)
Palettes for #5685dc color:
Below are examples of color palettes with the #5685dc HEX color
darkest color is #090d16 from shades and lightest color is #eef3fc from tints
Shades palette of #5685dc:
#4d78c6
#456ab0
#3c5d9a
#345084
#2b436e
#223558
#1a2842
#111b2c
#090d16
#000000
Tints palette of #5685dc:
#6791e0
#789de3
#89aae7
#9ab6ea
#abc2ee
#bbcef1
#ccdaf5
#dde7f8
#eef3fc
#ffffff
Complementary palette of #5685dc:
#5685dc
#dcad56
Triadic palette of #5685dc:
#5685dc
#dc5685
#85dc56
Square palette of #5685dc:
#5685dc
#dc56c8
#dcad56
#56dc6a
Analogous palette of #5685dc:
#56c8dc
#5685dc
#6a56dc
Split-Complementary palette of #5685dc:
#5685dc
#dc6a56
#c8dc56
Rectangle (tetradic) palette of #5685dc:
#5685dc
#ad56dc
#dcad56
#85dc56
Suggested color palettes for #5685dc HEX:
Color palette with color #5685dc #1:
Color palette with color #5685dc #2:
Color palette with color #5685dc #3:
Color palette with color #5685dc #4:
Color palette with color #5685dc #5:
Color Contrast
Color pairings of #5685dc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5685dc
#5685dcContrast Ratio
3.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5685dc
#5685dcContrast Ratio
5.78:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5685dc color png
Visit the popular colors list for more colors