#3a685f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a685f | RGB(58, 104, 95) |
Created at 10/16/2026 02:43
RGB values are RGB(58, 104, 95)
#3a685f color contains Red 22.75%, Green 40.78% and Blue 37.25%.
oklch(48.14% 0.053 179.93)
#3a685f color contains Red 22.75%, Green 40.78% and Blue 37.25%.
oklch(48.14% 0.053 179.93)
Color Names of #3a685f HEX code
≈ William
Classification of #3a685f color
#3a685f is Semi dark and Cool Color Saturation 28%, lightness 32%.
Tint of Dark Slate Gray
Alternative colors of #3a685f
Opposite Color for #3a685f is #683a43
#3a685f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a685f
cmyk
CMYK(44%, 0%, 9%, 59%)
Decimal
3827807
HEX
#3a685f
HSL
hsl(168, 28%, 32%)
HSLA
hsla(168, 28%, 32%, 1)
RGB
RGB(58, 104, 95)
RGBA
RGBA(58, 104, 95, 1)
Palettes for #3a685f color:
Below are examples of color palettes with the #3a685f HEX color
darkest color is #060a09 from shades and lightest color is #ebf0ef from tints
Shades palette of #3a685f:
#345e56
#2e534c
#294943
#233e39
#1d3430
#172a26
#111f1d
#0c1513
#060a09
#000000
Tints palette of #3a685f:
#4e776f
#61867f
#75958f
#89a49f
#9db4af
#b0c3bf
#c4d2cf
#d8e1df
#ebf0ef
#ffffff
Complementary palette of #3a685f:
#3a685f
#683a43
Triadic palette of #3a685f:
#3a685f
#5f3a68
#685f3a
Square palette of #3a685f:
#3a685f
#483a68
#683a43
#5a683a
Analogous palette of #3a685f:
#3a6848
#3a685f
#3a5a68
Split-Complementary palette of #3a685f:
#3a685f
#683a5a
#68483a
Rectangle (tetradic) palette of #3a685f:
#3a685f
#3a4368
#683a43
#685f3a
Suggested color palettes for #3a685f HEX:
Color palette with color #3a685f #1:
Color palette with color #3a685f #2:
Color palette with color #3a685f #3:
Color palette with color #3a685f #4:
Color palette with color #3a685f #5:
Color Contrast
Color pairings of #3a685f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a685f
#3a685fContrast Ratio
6.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a685f
#3a685fContrast Ratio
3.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a685f color png
Visit the popular colors list for more colors