#3f685e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3f685e | RGB(63, 104, 94) |
Created at 03/09/2023 05:57
RGB values are RGB(63, 104, 94)
#3f685e color contains Red 24.71%, Green 40.78% and Blue 36.86%.
oklch(48.38% 0.0491 176.9)
#3f685e color contains Red 24.71%, Green 40.78% and Blue 36.86%.
oklch(48.38% 0.0491 176.9)
Color Names of #3f685e HEX code
≈ William
Classification of #3f685e color
#3f685e is Semi dark and Cool Color Saturation 25%, lightness 33%.
Tint of Dark Slate Gray
Alternative colors of #3f685e
Opposite Color for #3f685e is #683f49
#3f685e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3f685e
cmyk
CMYK(39%, 0%, 10%, 59%)
Decimal
4155486
HEX
#3f685e
HSL
hsl(165, 25%, 33%)
HSLA
hsla(165, 25%, 33%, 1)
RGB
RGB(63, 104, 94)
RGBA
RGBA(63, 104, 94, 1)
Palettes for #3f685e color:
Below are examples of color palettes with the #3f685e HEX color
darkest color is #060a09 from shades and lightest color is #ecf0ef from tints
Shades palette of #3f685e:
#395e55
#32534b
#2c4942
#263e38
#20342f
#192a26
#131f1c
#0d1513
#060a09
#000000
Tints palette of #3f685e:
#52776e
#65867e
#79958e
#8ca49e
#9fb4af
#b2c3bf
#c5d2cf
#d9e1df
#ecf0ef
#ffffff
Complementary palette of #3f685e:
#3f685e
#683f49
Triadic palette of #3f685e:
#3f685e
#5e3f68
#685e3f
Square palette of #3f685e:
#3f685e
#493f68
#683f49
#5d683f
Analogous palette of #3f685e:
#3f6849
#3f685e
#3f5e68
Split-Complementary palette of #3f685e:
#3f685e
#683f5e
#68493f
Rectangle (tetradic) palette of #3f685e:
#3f685e
#3f4968
#683f49
#685e3f
Suggested color palettes for #3f685e HEX:
Color palette with color #3f685e #1:
Color palette with color #3f685e #2:
Color palette with color #3f685e #3:
Color palette with color #3f685e #4:
Color palette with color #3f685e #5:
Color #3f685e used in palettes (1)
Color Contrast
Color pairings of #3f685e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3f685e
#3f685eContrast Ratio
6.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3f685e
#3f685eContrast Ratio
3.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3f685e color png
Visit the popular colors list for more colors