Created at 12/12/2023 14:58
#486f89 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #486f89 | RGB(72, 111, 137) |
RGB values are RGB(72, 111, 137)
#486f89 color contain Red 28.24%, Green 43.53% and Blue 53.73%.
oklch(52.33% 0.0603 238.66)
#486f89 color contain Red 28.24%, Green 43.53% and Blue 53.73%.
oklch(52.33% 0.0603 238.66)
Classification of #486f89 color
#486f89 is Light and Cool Color Saturation 31%, lightness 41%.
Tint of steelblue
Alternative colors of #486f89
Opposite Color for #486f89 is #896248
#486f89 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #486f89
Decimal
4747145
HEX
#486f89
HSL
hsl(204, 31%, 41%)
HSLA
hsla(204, 31%, 41%, 1)
RGB
RGB(72, 111, 137)
RGBA
RGBA(72, 111, 137, 1)
Palettes for #486f89 color:
Below examples of color palettes for #486f89 HEX color
darkest color is #070b0e from shades and lightest color is #edf1f3 from tints
Shades palette of #486f89:
#41647b
#3a596e
#324e60
#2b4352
#243845
#1d2c37
#162129
#0e161b
#070b0e
#000000
Tints palette of #486f89:
#5a7d95
#6d8ca1
#7f9aac
#91a9b8
#a4b7c4
#b6c5d0
#c8d4dc
#dae2e7
#edf1f3
#ffffff
Complementary palette of #486f89:
#486f89
#896248
Triadic palette of #486f89:
#486f89
#89486f
#6f8948
Square palette of #486f89:
#486f89
#824889
#4f8948
#896248
Analogous palette of #486f89:
#488982
#486f89
Split-Complementary palette of #486f89:
#486f89
#488982
Rectangle (tetradic) palette of #486f89:
#486f89
#824889
#4f8948
#89484f
Suggested colors palettes for #486f89 HEX:
Colors palette with color #486f89 #1:
Colors palette with color #486f89 #2:
Colors palette with color #486f89 #3:
Colors palette with color #486f89 #4:
Colors palette with color #486f89 #5:
Color Contrast
Color pairings #486f89 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#486f89
#486f89 Contrast Ratio
5.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#486f89
#486f89 Contrast Ratio
3.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #486f89 color png
Visit the popular colors list for more colors