Created at 12/10/2023 09:50
#5396a2 HEX Color information
| Color | HEX | RGB |
| #5396a2 | RGB(83, 150, 162) |
RGB values are RGB(83, 150, 162)
#5396a2 color contain Red 32.55%, Green 58.82% and Blue 63.53%.
Alternative colors of #5396a2
Opposite Color for #5396a2 is #a25f53
#5396a2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5396a2
Decimal
5478050
HEX
#5396a2
HSL
hsl(189, 32%, 48%)
HSLA
hsla(189, 32%, 48%, 1)
RGB
RGB(83, 150, 162)
RGBA
RGBA(83, 150, 162, 1)
Palettes for #5396a2 color:
Below examples of color palettes for #5396a2 HEX color
darkest color is #080f10 from shades and lightest color is #eef5f6 from tints
Shades palette of #5396a2:
Tints palette of #5396a2:
Complementary palette of #5396a2:
Triadic palette of #5396a2:
Square palette of #5396a2:
Analogous palette of #5396a2:
Split-Complementary palette of #5396a2:
Rectangle (tetradic) palette of #5396a2:
Suggested colors palettes for #5396a2 HEX:
Colors palette with color #5396a2 #1:
Colors palette with color #5396a2 #2:
Colors palette with color #5396a2 #3:
Colors palette with color #5396a2 #4:
Colors palette with color #5396a2 #5:
Color Contrast
Color pairings #5396a2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5396a2
#5396a2 Contrast Ratio
3.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5396a2
#5396a2 Contrast Ratio
6.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
