#5686ff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5686ff | RGB(86, 134, 255) |
Created at 09/30/2026 07:30
Classification of #5686ff color
#5686ff is Light and Cool Color Saturation 100%, lightness 67%.
Shade of cornflowerblue
RGB values are RGB(86, 134, 255)
#5686ff color contains Red 33.73%, Green 52.55% and Blue 100%.
oklch(64.79% 0.1871 265.27)
#5686ff color contains Red 33.73%, Green 52.55% and Blue 100%.
oklch(64.79% 0.1871 265.27)
Color Names of #5686ff HEX code
≈ Cornflower Blue
Alternative colors of #5686ff
Opposite Color for #5686ff is #ffcf56
#5686ff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5686ff
cmyk
CMYK(66%, 47%, 0%, 0%)
Decimal
5670655
HEX
#5686ff
HSL
hsl(223, 100%, 67%)
HSLA
hsla(223, 100%, 67%, 1)
RGB
RGB(86, 134, 255)
RGBA
RGBA(86, 134, 255, 1)
Palettes for #5686ff color:
Below examples of color palettes for #5686ff HEX color
darkest color is #090d19 from shades and lightest color is #eef3ff from tints
Shades palette of #5686ff:
#4d79e6
#456bcc
#3c5eb3
#345099
#2b4380
#223666
#1a284d
#111b33
#090d19
#000000
Tints palette of #5686ff:
#6792ff
#789eff
#89aaff
#9ab6ff
#abc3ff
#bbcfff
#ccdbff
#dde7ff
#eef3ff
#ffffff
Complementary palette of #5686ff:
#5686ff
#ffcf56
Triadic palette of #5686ff:
#5686ff
#ff5686
#86ff56
Square palette of #5686ff:
#5686ff
#ff56db
#ffcf56
#56ff7a
Analogous palette of #5686ff:
#56dbff
#5686ff
#7a56ff
Split-Complementary palette of #5686ff:
#5686ff
#ff7a56
#dbff56
Rectangle (tetradic) palette of #5686ff:
#5686ff
#cf56ff
#ffcf56
#86ff56
Suggested color palettes for #5686ff HEX:
Color palette with color #5686ff #1:
Color palette with color #5686ff #2:
Color palette with color #5686ff #3:
Color palette with color #5686ff #4:
Color palette with color #5686ff #5:
Color Contrast
Color pairings #5686ff with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5686ff
#5686ff Contrast Ratio
3.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5686ff
#5686ff Contrast Ratio
6.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5686ff color png
Visit the popular colors list for more colors