#5586f2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5586f2 | RGB(85, 134, 242) |
Created at 09/30/2026 08:15
RGB values are RGB(85, 134, 242)
#5586f2 color contains Red 33.33%, Green 52.55% and Blue 94.9%.
oklch(63.91% 0.1703 263.88)
#5586f2 color contains Red 33.33%, Green 52.55% and Blue 94.9%.
oklch(63.91% 0.1703 263.88)
Color Names of #5586f2 HEX code
≈ Cornflower Blue
Classification of #5586f2 color
#5586f2 is Light and Cool Color Saturation 86%, lightness 64%.
Shade of Cornflower Blue
Alternative colors of #5586f2
Opposite Color for #5586f2 is #f2c155
#5586f2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5586f2
cmyk
CMYK(65%, 45%, 0%, 5%)
Decimal
5605106
HEX
#5586f2
HSL
hsl(221, 86%, 64%)
HSLA
hsla(221, 86%, 64%, 1)
RGB
RGB(85, 134, 242)
RGBA
RGBA(85, 134, 242, 1)
Palettes for #5586f2 color:
Below are examples of color palettes with the #5586f2 HEX color
darkest color is #080d18 from shades and lightest color is #eef3fe from tints
Shades palette of #5586f2:
#4d79da
#446bc2
#3b5ea9
#335091
#2b4379
#223661
#1a2849
#111b30
#080d18
#000000
Tints palette of #5586f2:
#6692f3
#779ef5
#88aaf6
#99b6f7
#aac3f9
#bbcffa
#ccdbfb
#dde7fc
#eef3fe
#ffffff
Complementary palette of #5586f2:
#5586f2
#f2c155
Triadic palette of #5586f2:
#5586f2
#f25586
#86f255
Square palette of #5586f2:
#5586f2
#f255d5
#f2c155
#55f272
Analogous palette of #5586f2:
#55d5f2
#5586f2
#7255f2
Split-Complementary palette of #5586f2:
#5586f2
#f27255
#d5f255
Rectangle (tetradic) palette of #5586f2:
#5586f2
#c155f2
#f2c155
#86f255
Suggested color palettes for #5586f2 HEX:
Color palette with color #5586f2 #1:
Color palette with color #5586f2 #2:
Color palette with color #5586f2 #3:
Color palette with color #5586f2 #4:
Color palette with color #5586f2 #5:
Color Contrast
Color pairings of #5586f2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5586f2
#5586f2Contrast Ratio
3.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5586f2
#5586f2Contrast Ratio
6.07:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5586f2 color png
Visit the popular colors list for more colors