#686d8a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #686d8a | RGB(104, 109, 138) |
Created at 02/18/2023 18:09
RGB values are RGB(104, 109, 138)
#686d8a color contains Red 40.78%, Green 42.75% and Blue 54.12%.
oklch(54.14% 0.0457 277.12)
#686d8a color contains Red 40.78%, Green 42.75% and Blue 54.12%.
oklch(54.14% 0.0457 277.12)
Color Names of #686d8a HEX code
≈ Storm Gray
Classification of #686d8a color
#686d8a is Semi dark and Cool Color Saturation 14%, lightness 47%.
Shade of Slate Gray
Alternative colors of #686d8a
Opposite Color for #686d8a is #8a8568
#686d8a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #686d8a
cmyk
CMYK(25%, 21%, 0%, 46%)
Decimal
6843786
HEX
#686d8a
HSL
hsl(231, 14%, 47%)
HSLA
hsla(231, 14%, 47%, 1)
RGB
RGB(104, 109, 138)
RGBA
RGBA(104, 109, 138, 1)
Palettes for #686d8a color:
Below are examples of color palettes with the #686d8a HEX color
darkest color is #0a0b0e from shades and lightest color is #f0f0f3 from tints
Shades palette of #686d8a:
#5e627c
#53576e
#494c61
#3e4153
#343745
#2a2c37
#1f2129
#15161c
#0a0b0e
#000000
Tints palette of #686d8a:
#777c96
#868aa1
#9599ad
#a4a7b9
#b4b6c5
#c3c5d0
#d2d3dc
#e1e2e8
#f0f0f3
#ffffff
Complementary palette of #686d8a:
#686d8a
#8a8568
Triadic palette of #686d8a:
#686d8a
#8a686d
#6d8a68
Square palette of #686d8a:
#686d8a
#8a687e
#8a8568
#688a74
Analogous palette of #686d8a:
#687e8a
#686d8a
#74688a
Split-Complementary palette of #686d8a:
#686d8a
#8a7468
#7e8a68
Rectangle (tetradic) palette of #686d8a:
#686d8a
#85688a
#8a8568
#6d8a68
Suggested color palettes for #686d8a HEX:
Color palette with color #686d8a #1:
Color palette with color #686d8a #2:
Color palette with color #686d8a #3:
Color palette with color #686d8a #4:
Color palette with color #686d8a #5:
Color #686d8a used in palettes (1)
Color Contrast
Color pairings of #686d8a with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#686d8a
#686d8aContrast Ratio
5.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#686d8a
#686d8aContrast Ratio
4.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #686d8a color png
Visit the popular colors list for more colors