#5484a2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5484a2 | RGB(84, 132, 162) |
Created at 02/22/2023 10:28
RGB values are RGB(84, 132, 162)
#5484a2 color contains Red 32.94%, Green 51.76% and Blue 63.53%.
oklch(59.10% 0.0695 237.05)
#5484a2 color contains Red 32.94%, Green 51.76% and Blue 63.53%.
oklch(59.10% 0.0695 237.05)
Color Names of #5484a2 HEX code
Rackley Color
≈ Horizon
Classification of #5484a2 color
#5484a2 is Light and Cool Color Saturation 32%, lightness 48%.
Tint of Steel Blue
Alternative colors of #5484a2
Opposite Color for #5484a2 is #a27254
#5484a2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5484a2
cmyk
CMYK(48%, 19%, 0%, 36%)
Decimal
5538978
HEX
#5484a2
HSL
hsl(203, 32%, 48%)
HSLA
hsla(203, 32%, 48%, 1)
RGB
RGB(84, 132, 162)
RGBA
RGBA(84, 132, 162, 1)
Palettes for #5484a2 color:
Below are examples of color palettes with the #5484a2 HEX color
darkest color is #080d10 from shades and lightest color is #eef3f6 from tints
Shades palette of #5484a2:
#4c7792
#436a82
#3b5c71
#324f61
#2a4251
#223541
#192831
#111a20
#080d10
#000000
Tints palette of #5484a2:
#6590ab
#769db5
#87a9be
#98b5c7
#aac2d1
#bbceda
#ccdae3
#dde6ec
#eef3f6
#ffffff
Complementary palette of #5484a2:
#5484a2
#a27254
Triadic palette of #5484a2:
#5484a2
#a25484
#84a254
Square palette of #5484a2:
#5484a2
#9954a2
#a27254
#5da254
Analogous palette of #5484a2:
#54a299
#5484a2
#545da2
Split-Complementary palette of #5484a2:
#5484a2
#a2545d
#a29954
Rectangle (tetradic) palette of #5484a2:
#5484a2
#7254a2
#a27254
#84a254
Suggested color palettes for #5484a2 HEX:
Color palette with color #5484a2 #1:
Color palette with color #5484a2 #2:
Color palette with color #5484a2 #3:
Color palette with color #5484a2 #4:
Color palette with color #5484a2 #5:
Color #5484a2 used in palettes (6)
Color Contrast
Color pairings of #5484a2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5484a2
#5484a2Contrast Ratio
4.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5484a2
#5484a2Contrast Ratio
5.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5484a2 color png
Visit the popular colors list for more colors