Created at 12/08/2023 02:37
#686c7d HEX Color information
| Color | HEX | RGB |
| #686c7d | RGB(104, 108, 125) |
RGB values are RGB(104, 108, 125)
#686c7d color contain Red 40.78%, Green 42.35% and Blue 49.02%.
Alternative colors of #686c7d
Opposite Color for #686c7d is #7d7968
#686c7d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #686c7d
Decimal
6843517
HEX
#686c7d
HSL
hsl(229, 9%, 45%)
HSLA
hsla(229, 9%, 45%, 1)
RGB
RGB(104, 108, 125)
RGBA
RGBA(104, 108, 125, 1)
Palettes for #686c7d color:
Below examples of color palettes for #686c7d HEX color
darkest color is #0a0b0c from shades and lightest color is #f0f0f2 from tints
Shades palette of #686c7d:
Tints palette of #686c7d:
Complementary palette of #686c7d:
Triadic palette of #686c7d:
Square palette of #686c7d:
Analogous palette of #686c7d:
Split-Complementary palette of #686c7d:
Rectangle (tetradic) palette of #686c7d:
Suggested colors palettes for #686c7d HEX:
Colors palette with color #686c7d #1:
Colors palette with color #686c7d #2:
Colors palette with color #686c7d #3:
Colors palette with color #686c7d #4:
Colors palette with color #686c7d #5:
Color Contrast
Color pairings #686c7d with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#686c7d
#686c7d Contrast Ratio
5.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#686c7d
#686c7d Contrast Ratio
4.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
