#696ba2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #696ba2 | RGB(105, 107, 162) |
Created at 02/18/2023 04:48
RGB values are RGB(105, 107, 162)
#696ba2 color contains Red 41.18%, Green 41.96% and Blue 63.53%.
oklch(54.92% 0.0852 281.61)
#696ba2 color contains Red 41.18%, Green 41.96% and Blue 63.53%.
oklch(54.92% 0.0852 281.61)
Color Names of #696ba2 HEX code
≈ Kimberly
Classification of #696ba2 color
#696ba2 is Semi dark and Cool Color Saturation 23%, lightness 52%.
Tint of Slate Blue
Alternative colors of #696ba2
Opposite Color for #696ba2 is #a2a069
#696ba2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #696ba2
cmyk
CMYK(35%, 34%, 0%, 36%)
Decimal
6908834
HEX
#696ba2
HSL
hsl(238, 23%, 52%)
HSLA
hsla(238, 23%, 52%, 1)
RGB
RGB(105, 107, 162)
RGBA
RGBA(105, 107, 162, 1)
Palettes for #696ba2 color:
Below are examples of color palettes with the #696ba2 HEX color
darkest color is #0a0b10 from shades and lightest color is #f0f0f6 from tints
Shades palette of #696ba2:
#5f6092
#545682
#4a4b71
#3f4061
#353651
#2a2b41
#202031
#151520
#0a0b10
#000000
Tints palette of #696ba2:
#787aab
#8789b5
#9697be
#a5a6c7
#b4b5d1
#c3c4da
#d2d3e3
#e1e1ec
#f0f0f6
#ffffff
Complementary palette of #696ba2:
#696ba2
#a2a069
Triadic palette of #696ba2:
#696ba2
#a2696b
#6ba269
Square palette of #696ba2:
#696ba2
#a26988
#a2a069
#69a284
Analogous palette of #696ba2:
#6988a2
#696ba2
#8369a2
Split-Complementary palette of #696ba2:
#696ba2
#a28469
#87a269
Rectangle (tetradic) palette of #696ba2:
#696ba2
#a069a2
#a2a069
#6ba269
Suggested color palettes for #696ba2 HEX:
Color palette with color #696ba2 #1:
Color palette with color #696ba2 #2:
Color palette with color #696ba2 #3:
Color palette with color #696ba2 #4:
Color palette with color #696ba2 #5:
Color #696ba2 used in palettes (1)
Color Contrast
Color pairings of #696ba2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#696ba2
#696ba2Contrast Ratio
4.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#696ba2
#696ba2Contrast Ratio
4.22:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #696ba2 color png
Visit the popular colors list for more colors