#696a99 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #696a99 | RGB(105, 106, 153) |
Created at 02/18/2023 10:48
RGB values are RGB(105, 106, 153)
#696a99 color contains Red 41.18%, Green 41.57% and Blue 60%.
oklch(54.26% 0.073 282.74)
#696a99 color contains Red 41.18%, Green 41.57% and Blue 60%.
oklch(54.26% 0.073 282.74)
Color Names of #696a99 HEX code
≈ Kimberly
Classification of #696a99 color
#696a99 is Semi dark and Cool Color Saturation 19%, lightness 51%.
Tint of Slate Blue
Alternative colors of #696a99
Opposite Color for #696a99 is #999869
#696a99 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #696a99
cmyk
CMYK(31%, 31%, 0%, 40%)
Decimal
6908569
HEX
#696a99
HSL
hsl(239, 19%, 51%)
HSLA
hsla(239, 19%, 51%, 1)
RGB
RGB(105, 106, 153)
RGBA
RGBA(105, 106, 153, 1)
Palettes for #696a99 color:
Below are examples of color palettes with the #696a99 HEX color
darkest color is #0a0b0f from shades and lightest color is #f0f0f5 from tints
Shades palette of #696a99:
#5f5f8a
#54557a
#4a4a6b
#3f405c
#35354d
#2a2a3d
#20202e
#15151f
#0a0b0f
#000000
Tints palette of #696a99:
#7879a3
#8788ad
#9697b8
#a5a6c2
#b4b5cc
#c3c3d6
#d2d2e0
#e1e1eb
#f0f0f5
#ffffff
Complementary palette of #696a99:
#696a99
#999869
Triadic palette of #696a99:
#696a99
#99696a
#6a9969
Square palette of #696a99:
#696a99
#996982
#999869
#699980
Analogous palette of #696a99:
#698299
#696a99
#806999
Split-Complementary palette of #696a99:
#696a99
#998069
#829969
Rectangle (tetradic) palette of #696a99:
#696a99
#986999
#999869
#6a9969
Suggested color palettes for #696a99 HEX:
Color palette with color #696a99 #1:
Color palette with color #696a99 #2:
Color palette with color #696a99 #3:
Color palette with color #696a99 #4:
Color palette with color #696a99 #5:
Color #696a99 used in palettes (1)
Color Contrast
Color pairings of #696a99 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#696a99
#696a99Contrast Ratio
5.09:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#696a99
#696a99Contrast Ratio
4.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #696a99 color png
Visit the popular colors list for more colors