#565aa2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #565aa2 | RGB(86, 90, 162) |
Created at 02/23/2023 02:21
RGB values are RGB(86, 90, 162)
#565aa2 color contains Red 33.73%, Green 35.29% and Blue 63.53%.
oklch(49.88% 0.1135 279.03)
#565aa2 color contains Red 33.73%, Green 35.29% and Blue 63.53%.
oklch(49.88% 0.1135 279.03)
Color Names of #565aa2 HEX code
≈ Scampi
Classification of #565aa2 color
#565aa2 is Semi dark and Cool Color Saturation 31%, lightness 49%.
Shade of Slate Blue
Alternative colors of #565aa2
Opposite Color for #565aa2 is #a29e56
#565aa2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #565aa2
cmyk
CMYK(47%, 44%, 0%, 36%)
Decimal
5659298
HEX
#565aa2
HSL
hsl(237, 31%, 49%)
HSLA
hsla(237, 31%, 49%, 1)
RGB
RGB(86, 90, 162)
RGBA
RGBA(86, 90, 162, 1)
Palettes for #565aa2 color:
Below are examples of color palettes with the #565aa2 HEX color
darkest color is #090910 from shades and lightest color is #eeeff6 from tints
Shades palette of #565aa2:
#4d5192
#454882
#3c3f71
#343661
#2b2d51
#222441
#1a1b31
#111220
#090910
#000000
Tints palette of #565aa2:
#676bab
#787bb5
#898cbe
#9a9cc7
#abadd1
#bbbdda
#cccee3
#dddeec
#eeeff6
#ffffff
Complementary palette of #565aa2:
#565aa2
#a29e56
Triadic palette of #565aa2:
#565aa2
#a2565a
#5aa256
Square palette of #565aa2:
#565aa2
#a25680
#a29e56
#56a278
Analogous palette of #565aa2:
#5680a2
#565aa2
#7856a2
Split-Complementary palette of #565aa2:
#565aa2
#a27856
#80a256
Rectangle (tetradic) palette of #565aa2:
#565aa2
#9e56a2
#a29e56
#5aa256
Suggested color palettes for #565aa2 HEX:
Color palette with color #565aa2 #1:
Color palette with color #565aa2 #2:
Color palette with color #565aa2 #3:
Color palette with color #565aa2 #4:
Color palette with color #565aa2 #5:
Color #565aa2 used in palettes (1)
Color Contrast
Color pairings of #565aa2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#565aa2
#565aa2Contrast Ratio
6.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#565aa2
#565aa2Contrast Ratio
3.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #565aa2 color png
Visit the popular colors list for more colors