#696fa2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #696fa2 | RGB(105, 111, 162) |
Created at 02/22/2023 09:56
Classification of #696fa2 color
#696fa2 is Semi dark and Cool Color Saturation 23%, lightness 52%.
Tint of slateblue
RGB values are RGB(105, 111, 162)
#696fa2 color contains Red 41.18%, Green 43.53% and Blue 63.53%.
oklch(55.76% 0.0794 278.34)
#696fa2 color contains Red 41.18%, Green 43.53% and Blue 63.53%.
oklch(55.76% 0.0794 278.34)
Color Names of #696fa2 HEX code
≈ Kimberly
Alternative colors of #696fa2
Opposite Color for #696fa2 is #a29c69
#696fa2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #696fa2
Decimal
6909858
HEX
#696fa2
HSL
hsl(234, 23%, 52%)
HSLA
hsla(234, 23%, 52%, 1)
RGB
RGB(105, 111, 162)
RGBA
RGBA(105, 111, 162, 1)
Palettes for #696fa2 color:
Below examples of color palettes for #696fa2 HEX color
darkest color is #0a0b10 from shades and lightest color is #f0f1f6 from tints
Shades palette of #696fa2:
#5f6492
#545982
#4a4e71
#3f4361
#353851
#2a2c41
#202131
#151620
#0a0b10
#000000
Tints palette of #696fa2:
#787dab
#878cb5
#969abe
#a5a9c7
#b4b7d1
#c3c5da
#d2d4e3
#e1e2ec
#f0f1f6
#ffffff
Complementary palette of #696fa2:
#696fa2
#a29c69
Triadic palette of #696fa2:
#696fa2
#a2696f
#6fa269
Square palette of #696fa2:
#696fa2
#a2698c
#a29c69
#69a27f
Analogous palette of #696fa2:
#698ca2
#696fa2
#7f69a2
Split-Complementary palette of #696fa2:
#696fa2
#a27f69
#8ca269
Rectangle (tetradic) palette of #696fa2:
#696fa2
#9c69a2
#a29c69
#6fa269
Suggested color palettes for #696fa2 HEX:
Color palette with color #696fa2 #1:
Color palette with color #696fa2 #2:
Color palette with color #696fa2 #3:
Color palette with color #696fa2 #4:
Color palette with color #696fa2 #5:
Color #696fa2 used in palettes (1)
Color Contrast
Color pairings #696fa2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#696fa2
#696fa2 Contrast Ratio
4.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#696fa2
#696fa2 Contrast Ratio
4.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #696fa2 color png
Visit the popular colors list for more colors