#486c6d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #486c6d | RGB(72, 108, 109) |
Created at 02/24/2023 07:02
RGB values are RGB(72, 108, 109)
#486c6d color contains Red 28.24%, Green 42.35% and Blue 42.75%.
oklch(50.45% 0.0411 198.13)
#486c6d color contains Red 28.24%, Green 42.35% and Blue 42.75%.
oklch(50.45% 0.0411 198.13)
Color Names of #486c6d HEX code
≈ Blue Bayoux
Classification of #486c6d color
#486c6d is Semi dark and Cool Color Saturation 20%, lightness 35%.
Tint of Dark Slate Gray
Alternative colors of #486c6d
Opposite Color for #486c6d is #6d4948
#486c6d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #486c6d
cmyk
CMYK(34%, 1%, 0%, 57%)
Decimal
4746349
HEX
#486c6d
HSL
hsl(182, 20%, 35%)
HSLA
hsla(182, 20%, 35%, 1)
RGB
RGB(72, 108, 109)
RGBA
RGBA(72, 108, 109, 1)
Palettes for #486c6d color:
Below are examples of color palettes with the #486c6d HEX color
darkest color is #070b0b from shades and lightest color is #edf0f0 from tints
Shades palette of #486c6d:
#416162
#3a5657
#324c4c
#2b4141
#243637
#1d2b2c
#162021
#0e1616
#070b0b
#000000
Tints palette of #486c6d:
#5a7b7c
#6d898a
#7f9899
#91a7a7
#a4b6b6
#b6c4c5
#c8d3d3
#dae2e2
#edf0f0
#ffffff
Complementary palette of #486c6d:
#486c6d
#6d4948
Triadic palette of #486c6d:
#486c6d
#6d486c
#6c6d48
Square palette of #486c6d:
#486c6d
#5c486d
#6d4948
#596d48
Analogous palette of #486c6d:
#486d5c
#486c6d
#48596d
Split-Complementary palette of #486c6d:
#486c6d
#6d4859
#6d5c48
Rectangle (tetradic) palette of #486c6d:
#486c6d
#49486d
#6d4948
#6c6d48
Suggested color palettes for #486c6d HEX:
Color palette with color #486c6d #1:
Color palette with color #486c6d #2:
Color palette with color #486c6d #3:
Color palette with color #486c6d #4:
Color palette with color #486c6d #5:
Color #486c6d used in palettes (1)
Color Contrast
Color pairings of #486c6d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#486c6d
#486c6dContrast Ratio
5.76:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#486c6d
#486c6dContrast Ratio
3.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #486c6d color png
Visit the popular colors list for more colors