#565aa0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #565aa0 | RGB(86, 90, 160) |
Created at 02/19/2023 08:25
Classification of #565aa0 color
#565aa0 is Semi dark and Cool Color Saturation 30%, lightness 48%.
Shade of slateblue
RGB values are RGB(86, 90, 160)
#565aa0 color contains Red 33.73%, Green 35.29% and Blue 62.75%.
oklch(49.76% 0.1105 279.1)
#565aa0 color contains Red 33.73%, Green 35.29% and Blue 62.75%.
oklch(49.76% 0.1105 279.1)
Color Names of #565aa0 HEX code
≈ Butterfly Bush
Alternative colors of #565aa0
Opposite Color for #565aa0 is #a09c56
#565aa0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #565aa0
Decimal
5659296
HEX
#565aa0
HSL
hsl(237, 30%, 48%)
HSLA
hsla(237, 30%, 48%, 1)
RGB
RGB(86, 90, 160)
RGBA
RGBA(86, 90, 160, 1)
Palettes for #565aa0 color:
Below examples of color palettes for #565aa0 HEX color
darkest color is #090910 from shades and lightest color is #eeeff6 from tints
Shades palette of #565aa0:
#4d5190
#454880
#3c3f70
#343660
#2b2d50
#222440
#1a1b30
#111220
#090910
#000000
Tints palette of #565aa0:
#676baa
#787bb3
#898cbd
#9a9cc6
#abadd0
#bbbdd9
#cccee3
#dddeec
#eeeff6
#ffffff
Complementary palette of #565aa0:
#565aa0
#a09c56
Triadic palette of #565aa0:
#565aa0
#a0565a
#5aa056
Square palette of #565aa0:
#565aa0
#a0567f
#a09c56
#56a077
Analogous palette of #565aa0:
#567fa0
#565aa0
#7756a0
Split-Complementary palette of #565aa0:
#565aa0
#a07756
#7fa056
Rectangle (tetradic) palette of #565aa0:
#565aa0
#9c56a0
#a09c56
#5aa056
Suggested color palettes for #565aa0 HEX:
Color palette with color #565aa0 #1:
Color palette with color #565aa0 #2:
Color palette with color #565aa0 #3:
Color palette with color #565aa0 #4:
Color palette with color #565aa0 #5:
Color #565aa0 used in palettes (2)
Color Contrast
Color pairings #565aa0 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#565aa0
#565aa0 Contrast Ratio
6.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#565aa0
#565aa0 Contrast Ratio
3.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #565aa0 color png
Visit the popular colors list for more colors