Created at 03/19/2023 08:08
#5669a2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #5669a2 | RGB(86, 105, 162) |
RGB values are RGB(86, 105, 162)
#5669a2 color contain Red 33.73%, Green 41.18% and Blue 63.53%.
oklch(53.07% 0.0929 269.08)
#5669a2 color contain Red 33.73%, Green 41.18% and Blue 63.53%.
oklch(53.07% 0.0929 269.08)
Classification of #5669a2 color
#5669a2 is Light and Cool Color Saturation 31%, lightness 49%.
Tint of royalblue
Alternative colors of #5669a2
Opposite Color for #5669a2 is #a49056
#5669a2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5669a2
Decimal
5663138
HEX
#5669a2
HSL
hsl(225, 31%, 49%)
HSLA
hsla(225, 31%, 49%, 1)
RGB
RGB(86, 105, 162)
RGBA
RGBA(86, 105, 162, 1)
Palettes for #5669a2 color:
Below examples of color palettes for #5669a2 HEX color
darkest color is #090a10 from shades and lightest color is #eef0f6 from tints
Shades palette of #5669a2:
#4d5f92
#455482
#3c4a71
#343f61
#2b3551
#222a41
#1a2031
#111520
#090a10
#000000
Tints palette of #5669a2:
#6778ab
#7887b5
#8996be
#9aa5c7
#abb4d1
#bbc3da
#ccd2e3
#dde1ec
#eef0f6
#ffffff
Complementary palette of #5669a2:
#566aa4
#a49056
Triadic palette of #5669a2:
#566aa4
#a4566a
#6aa456
Square palette of #5669a2:
#566aa4
#a45690
#56a46a
#a49056
Analogous palette of #5669a2:
#5690a4
#566aa4
Split-Complementary palette of #5669a2:
#566aa4
#5690a4
Rectangle (tetradic) palette of #5669a2:
#566aa4
#a45690
#56a46a
#a46a56
Suggested colors palettes for #5669a2 HEX:
Colors palette with color #5669a2 #1:
Colors palette with color #5669a2 #2:
Colors palette with color #5669a2 #3:
Colors palette with color #5669a2 #4:
Colors palette with color #5669a2 #5:
Color #5669a2 used in palettes (2)
Color Contrast
Color pairings #5669a2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5669a2
#5669a2 Contrast Ratio
5.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5669a2
#5669a2 Contrast Ratio
3.93:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5669a2 color png
Visit the popular colors list for more colors