#486c8a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #486c8a | RGB(72, 108, 138) |
Created at 10/26/2026 11:27
RGB values are RGB(72, 108, 138)
#486c8a color contains Red 28.24%, Green 42.35% and Blue 54.12%.
oklch(51.66% 0.0631 244.59)
#486c8a color contains Red 28.24%, Green 42.35% and Blue 54.12%.
oklch(51.66% 0.0631 244.59)
Color Names of #486c8a HEX code
≈ Bismark
Classification of #486c8a color
#486c8a is Semi dark and Cool Color Saturation 31%, lightness 41%.
Shade of Steel Blue
Alternative colors of #486c8a
Opposite Color for #486c8a is #8a6648
#486c8a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #486c8a
cmyk
CMYK(48%, 22%, 0%, 46%)
Decimal
4746378
HEX
#486c8a
HSL
hsl(207, 31%, 41%)
HSLA
hsla(207, 31%, 41%, 1)
RGB
RGB(72, 108, 138)
RGBA
RGBA(72, 108, 138, 1)
Palettes for #486c8a color:
Below are examples of color palettes with the #486c8a HEX color
darkest color is #070b0e from shades and lightest color is #edf0f3 from tints
Shades palette of #486c8a:
#41617c
#3a566e
#324c61
#2b4153
#243645
#1d2b37
#162029
#0e161c
#070b0e
#000000
Tints palette of #486c8a:
#5a7b96
#6d89a1
#7f98ad
#91a7b9
#a4b6c5
#b6c4d0
#c8d3dc
#dae2e8
#edf0f3
#ffffff
Complementary palette of #486c8a:
#486c8a
#8a6648
Triadic palette of #486c8a:
#486c8a
#8a486c
#6c8a48
Square palette of #486c8a:
#486c8a
#87488a
#8a6648
#4b8a48
Analogous palette of #486c8a:
#488a87
#486c8a
#484b8a
Split-Complementary palette of #486c8a:
#486c8a
#8a484b
#8a8748
Rectangle (tetradic) palette of #486c8a:
#486c8a
#66488a
#8a6648
#6c8a48
Suggested color palettes for #486c8a HEX:
Color palette with color #486c8a #1:
Color palette with color #486c8a #2:
Color palette with color #486c8a #3:
Color palette with color #486c8a #4:
Color palette with color #486c8a #5:
Color Contrast
Color pairings of #486c8a with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#486c8a
#486c8aContrast Ratio
5.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#486c8a
#486c8aContrast Ratio
3.78:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #486c8a color png
Visit the popular colors list for more colors