#5486a3 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5486a3 | RGB(84, 134, 163) |
Created at 10/13/2026 18:39
RGB values are RGB(84, 134, 163)
#5486a3 color contains Red 32.94%, Green 52.55% and Blue 63.92%.
oklch(59.62% 0.0698 235.1)
#5486a3 color contains Red 32.94%, Green 52.55% and Blue 63.92%.
oklch(59.62% 0.0698 235.1)
Color Names of #5486a3 HEX code
≈ Horizon
Classification of #5486a3 color
#5486a3 is Light and Cool Color Saturation 32%, lightness 48%.
Tint of Steel Blue
Alternative colors of #5486a3
Opposite Color for #5486a3 is #a37154
#5486a3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5486a3
cmyk
CMYK(48%, 18%, 0%, 36%)
Decimal
5539491
HEX
#5486a3
HSL
hsl(202, 32%, 48%)
HSLA
hsla(202, 32%, 48%, 1)
RGB
RGB(84, 134, 163)
RGBA
RGBA(84, 134, 163, 1)
Palettes for #5486a3 color:
Below are examples of color palettes with the #5486a3 HEX color
darkest color is #080d10 from shades and lightest color is #eef3f6 from tints
Shades palette of #5486a3:
#4c7993
#436b82
#3b5e72
#325062
#2a4352
#223641
#192831
#111b21
#080d10
#000000
Tints palette of #5486a3:
#6592ac
#769eb5
#87aabf
#98b6c8
#aac3d1
#bbcfda
#ccdbe3
#dde7ed
#eef3f6
#ffffff
Complementary palette of #5486a3:
#5486a3
#a37154
Triadic palette of #5486a3:
#5486a3
#a35486
#86a354
Square palette of #5486a3:
#5486a3
#9854a3
#a37154
#5fa354
Analogous palette of #5486a3:
#54a398
#5486a3
#545fa3
Split-Complementary palette of #5486a3:
#5486a3
#a3545f
#a39854
Rectangle (tetradic) palette of #5486a3:
#5486a3
#7154a3
#a37154
#86a354
Suggested color palettes for #5486a3 HEX:
Color palette with color #5486a3 #1:
Color palette with color #5486a3 #2:
Color palette with color #5486a3 #3:
Color palette with color #5486a3 #4:
Color palette with color #5486a3 #5:
Color Contrast
Color pairings of #5486a3 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5486a3
#5486a3Contrast Ratio
3.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5486a3
#5486a3Contrast Ratio
5.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5486a3 color png
Visit the popular colors list for more colors