Created at 03/01/2023 23:43
#5587a2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #5587a2 | RGB(85, 135, 162) |
RGB values are RGB(85, 135, 162)
#5587a2 color contain Red 33.33%, Green 52.94% and Blue 63.53%.
oklch(59.86% 0.0678 233.13)
#5587a2 color contain Red 33.33%, Green 52.94% and Blue 63.53%.
oklch(59.86% 0.0678 233.13)
Classification of #5587a2 color
#5587a2 is Light and Cool Color Saturation 31%, lightness 48%.
Shade of steelblue
Alternative colors of #5587a2
Opposite Color for #5587a2 is #a06f54
#5587a2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5587a2
Decimal
5605282
HEX
#5587a2
HSL
hsl(201, 31%, 48%)
HSLA
hsla(201, 31%, 48%, 1)
RGB
RGB(85, 135, 162)
RGBA
RGBA(85, 135, 162, 1)
Palettes for #5587a2 color:
Below examples of color palettes for #5587a2 HEX color
darkest color is #080d10 from shades and lightest color is #eef3f6 from tints
Shades palette of #5587a2:
#4d7a92
#446c82
#3b5f71
#335161
#2b4451
#223641
#1a2931
#111b20
#080d10
#000000
Tints palette of #5587a2:
#6693ab
#779fb5
#88abbe
#99b7c7
#aac3d1
#bbcfda
#ccdbe3
#dde7ec
#eef3f6
#ffffff
Complementary palette of #5587a2:
#5486a0
#a06f54
Triadic palette of #5587a2:
#5486a0
#a05486
#86a054
Square palette of #5587a2:
#5486a0
#9554a0
#60a054
#a06f54
Analogous palette of #5587a2:
#54a095
#5486a0
Split-Complementary palette of #5587a2:
#5486a0
#54a095
Rectangle (tetradic) palette of #5587a2:
#5486a0
#9554a0
#60a054
#a05460
Suggested colors palettes for #5587a2 HEX:
Colors palette with color #5587a2 #1:
Colors palette with color #5587a2 #2:
Colors palette with color #5587a2 #3:
Colors palette with color #5587a2 #4:
Colors palette with color #5587a2 #5:
Color #5587a2 used in palettes (1)
Color Contrast
Color pairings #5587a2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5587a2
#5587a2 Contrast Ratio
3.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5587a2
#5587a2 Contrast Ratio
5.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5587a2 color png
Visit the popular colors list for more colors