#5a8aa9 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5a8aa9 | RGB(90, 138, 169) |
Created at 10/07/2026 02:48
Classification of #5a8aa9 color
#5a8aa9 is Light and Cool Color Saturation 31%, lightness 51%.
Tint of Steel Blue
RGB values are RGB(90, 138, 169)
#5a8aa9 color contains Red 35.29%, Green 54.12% and Blue 66.27%.
oklch(61.13% 0.0702 237.82)
#5a8aa9 color contains Red 35.29%, Green 54.12% and Blue 66.27%.
oklch(61.13% 0.0702 237.82)
Color Names of #5a8aa9 HEX code
≈ Horizon
Alternative colors of #5a8aa9
Opposite Color for #5a8aa9 is #a9795a
#5a8aa9 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5a8aa9
cmyk
CMYK(47%, 18%, 0%, 34%)
Decimal
5933737
HEX
#5a8aa9
HSL
hsl(204, 31%, 51%)
HSLA
hsla(204, 31%, 51%, 1)
RGB
RGB(90, 138, 169)
RGBA
RGBA(90, 138, 169, 1)
Palettes for #5a8aa9 color:
Below are examples of color palettes with the #5a8aa9 HEX color
darkest color is #090e11 from shades and lightest color is #eff3f6 from tints
Shades palette of #5a8aa9:
#517c98
#486e87
#3f6176
#365365
#2d4555
#243744
#1b2933
#121c22
#090e11
#000000
Tints palette of #5a8aa9:
#6b96b2
#7ba1ba
#8cadc3
#9cb9cb
#adc5d4
#bdd0dd
#cedce5
#dee8ee
#eff3f6
#ffffff
Complementary palette of #5a8aa9:
#5a8aa9
#a9795a
Triadic palette of #5a8aa9:
#5a8aa9
#a95a8a
#8aa95a
Square palette of #5a8aa9:
#5a8aa9
#a15aa9
#a9795a
#62a95a
Analogous palette of #5a8aa9:
#5aa9a1
#5a8aa9
#5a62a9
Split-Complementary palette of #5a8aa9:
#5a8aa9
#a95a62
#a9a15a
Rectangle (tetradic) palette of #5a8aa9:
#5a8aa9
#795aa9
#a9795a
#8aa95a
Suggested color palettes for #5a8aa9 HEX:
Color palette with color #5a8aa9 #1:
Color palette with color #5a8aa9 #2:
Color palette with color #5a8aa9 #3:
Color palette with color #5a8aa9 #4:
Color palette with color #5a8aa9 #5:
Color Contrast
Color pairings of #5a8aa9 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5a8aa9
#5a8aa9 Contrast Ratio
3.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5a8aa9
#5a8aa9 Contrast Ratio
5.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5a8aa9 color png
Visit the popular colors list for more colors