#686aa2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #686aa2 | RGB(104, 106, 162) |
Created at 02/23/2023 18:13
Classification of #686aa2 color
#686aa2 is Semi dark and Cool Color Saturation 24%, lightness 52%.
Tint of Slate Blue
RGB values are RGB(104, 106, 162)
#686aa2 color contains Red 40.78%, Green 41.57% and Blue 63.53%.
oklch(54.63% 0.0868 281.55)
#686aa2 color contains Red 40.78%, Green 41.57% and Blue 63.53%.
oklch(54.63% 0.0868 281.55)
Color Names of #686aa2 HEX code
≈ Kimberly
Alternative colors of #686aa2
Opposite Color for #686aa2 is #a2a068
#686aa2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #686aa2
cmyk
CMYK(36%, 35%, 0%, 36%)
Decimal
6843042
HEX
#686aa2
HSL
hsl(238, 24%, 52%)
HSLA
hsla(238, 24%, 52%, 1)
RGB
RGB(104, 106, 162)
RGBA
RGBA(104, 106, 162, 1)
Palettes for #686aa2 color:
Below examples of color palettes for #686aa2 HEX color
darkest color is #0a0b10 from shades and lightest color is #f0f0f6 from tints
Shades palette of #686aa2:
#5e5f92
#535582
#494a71
#3e4061
#343551
#2a2a41
#1f2031
#151520
#0a0b10
#000000
Tints palette of #686aa2:
#7779ab
#8688b5
#9597be
#a4a6c7
#b4b5d1
#c3c3da
#d2d2e3
#e1e1ec
#f0f0f6
#ffffff
Complementary palette of #686aa2:
#686aa2
#a2a068
Triadic palette of #686aa2:
#686aa2
#a2686a
#6aa268
Square palette of #686aa2:
#686aa2
#a26887
#a2a068
#68a283
Analogous palette of #686aa2:
#6887a2
#686aa2
#8368a2
Split-Complementary palette of #686aa2:
#686aa2
#a28368
#87a268
Rectangle (tetradic) palette of #686aa2:
#686aa2
#a068a2
#a2a068
#6aa268
Suggested color palettes for #686aa2 HEX:
Color palette with color #686aa2 #1:
Color palette with color #686aa2 #2:
Color palette with color #686aa2 #3:
Color palette with color #686aa2 #4:
Color palette with color #686aa2 #5:
Color #686aa2 used in palettes (2)
Color Contrast
Color pairings #686aa2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#686aa2
#686aa2 Contrast Ratio
5.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#686aa2
#686aa2 Contrast Ratio
4.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #686aa2 color png
Visit the popular colors list for more colors