#486a6d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #486a6d | RGB(72, 106, 109) |
Created at 10/20/2026 10:53
RGB values are RGB(72, 106, 109)
#486a6d color contains Red 28.24%, Green 41.57% and Blue 42.75%.
oklch(49.95% 0.0393 202.91)
#486a6d color contains Red 28.24%, Green 41.57% and Blue 42.75%.
oklch(49.95% 0.0393 202.91)
Color Names of #486a6d HEX code
≈ Blue Bayoux
Classification of #486a6d color
#486a6d is Semi dark and Cool Color Saturation 20%, lightness 35%.
Tint of Dark Slate Gray
Alternative colors of #486a6d
Opposite Color for #486a6d is #6d4b48
#486a6d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #486a6d
cmyk
CMYK(34%, 3%, 0%, 57%)
Decimal
4745837
HEX
#486a6d
HSL
hsl(185, 20%, 35%)
HSLA
hsla(185, 20%, 35%, 1)
RGB
RGB(72, 106, 109)
RGBA
RGBA(72, 106, 109, 1)
Palettes for #486a6d color:
Below are examples of color palettes with the #486a6d HEX color
darkest color is #070b0b from shades and lightest color is #edf0f0 from tints
Shades palette of #486a6d:
#415f62
#3a5557
#324a4c
#2b4041
#243537
#1d2a2c
#162021
#0e1516
#070b0b
#000000
Tints palette of #486a6d:
#5a797c
#6d888a
#7f9799
#91a6a7
#a4b5b6
#b6c3c5
#c8d2d3
#dae1e2
#edf0f0
#ffffff
Complementary palette of #486a6d:
#486a6d
#6d4b48
Triadic palette of #486a6d:
#486a6d
#6d486a
#6a6d48
Square palette of #486a6d:
#486a6d
#5d486d
#6d4b48
#586d48
Analogous palette of #486a6d:
#486d5d
#486a6d
#48586d
Split-Complementary palette of #486a6d:
#486a6d
#6d4858
#6d5d48
Rectangle (tetradic) palette of #486a6d:
#486a6d
#4b486d
#6d4b48
#6a6d48
Suggested color palettes for #486a6d HEX:
Color palette with color #486a6d #1:
Color palette with color #486a6d #2:
Color palette with color #486a6d #3:
Color palette with color #486a6d #4:
Color palette with color #486a6d #5:
Color Contrast
Color pairings of #486a6d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#486a6d
#486a6dContrast Ratio
5.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#486a6d
#486a6dContrast Ratio
3.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #486a6d color png
Visit the popular colors list for more colors