#696ee2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #696ee2 | RGB(105, 110, 226) |
Created at 03/10/2023 17:28
RGB values are RGB(105, 110, 226)
#696ee2 color contains Red 41.18%, Green 43.14% and Blue 88.63%.
oklch(59.32% 0.1727 277.88)
#696ee2 color contains Red 41.18%, Green 43.14% and Blue 88.63%.
oklch(59.32% 0.1727 277.88)
Color Names of #696ee2 HEX code
≈ Moody Blue
Classification of #696ee2 color
#696ee2 is Light and Cool Color Saturation 68%, lightness 65%.
Shade of Medium Slate Blue
Alternative colors of #696ee2
Opposite Color for #696ee2 is #e2dd69
#696ee2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #696ee2
cmyk
CMYK(54%, 51%, 0%, 11%)
Decimal
6909666
HEX
#696ee2
HSL
hsl(238, 68%, 65%)
HSLA
hsla(238, 68%, 65%, 1)
RGB
RGB(105, 110, 226)
RGBA
RGBA(105, 110, 226, 1)
Palettes for #696ee2 color:
Below are examples of color palettes with the #696ee2 HEX color
darkest color is #0a0b17 from shades and lightest color is #f0f1fc from tints
Shades palette of #696ee2:
#5f63cb
#5458b5
#4a4d9e
#3f4288
#353771
#2a2c5a
#202144
#15162d
#0a0b17
#000000
Tints palette of #696ee2:
#787de5
#878be8
#969aeb
#a5a8ee
#b4b7f1
#c3c5f3
#d2d4f6
#e1e2f9
#f0f1fc
#ffffff
Complementary palette of #696ee2:
#696ee2
#e2dd69
Triadic palette of #696ee2:
#696ee2
#e2696e
#6ee269
Square palette of #696ee2:
#696ee2
#e269ab
#e2dd69
#69e2a0
Analogous palette of #696ee2:
#69abe2
#696ee2
#a069e2
Split-Complementary palette of #696ee2:
#696ee2
#e2a069
#abe269
Rectangle (tetradic) palette of #696ee2:
#696ee2
#dd69e2
#e2dd69
#6ee269
Suggested color palettes for #696ee2 HEX:
Color palette with color #696ee2 #1:
Color palette with color #696ee2 #2:
Color palette with color #696ee2 #3:
Color palette with color #696ee2 #4:
Color palette with color #696ee2 #5:
Color #696ee2 used in palettes (1)
Color Contrast
Color pairings of #696ee2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#696ee2
#696ee2Contrast Ratio
4.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#696ee2
#696ee2Contrast Ratio
4.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #696ee2 color png
Visit the popular colors list for more colors