Created at 02/20/2023 05:58
#696c90 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #696c90 | RGB(105, 108, 144) |
RGB values are RGB(105, 108, 144)
#696c90 color contain Red 41.18%, Green 42.35% and Blue 56.47%.
oklch(54.27% 0.0562 280.64)
#696c90 color contain Red 41.18%, Green 42.35% and Blue 56.47%.
oklch(54.27% 0.0562 280.64)
Classification of #696c90 color
#696c90 is Light and Cool Color Saturation 16%, lightness 49%.
Tint of slategrey
Alternative colors of #696c90
Opposite Color for #696c90 is #918e69
#696c90 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #696c90
Decimal
6909072
HEX
#696c90
HSL
hsl(235, 16%, 49%)
HSLA
hsla(235, 16%, 49%, 1)
RGB
RGB(105, 108, 144)
RGBA
RGBA(105, 108, 144, 1)
Palettes for #696c90 color:
Below examples of color palettes for #696c90 HEX color
darkest color is #0a0b0e from shades and lightest color is #f0f0f4 from tints
Shades palette of #696c90:
#5f6182
#545673
#4a4c65
#3f4156
#353648
#2a2b3a
#20202b
#15161d
#0a0b0e
#000000
Tints palette of #696c90:
#787b9b
#8789a6
#9698b1
#a5a7bc
#b4b6c8
#c3c4d3
#d2d3de
#e1e2e9
#f0f0f4
#ffffff
Complementary palette of #696c90:
#696c91
#918e69
Triadic palette of #696c90:
#696c91
#91696c
#6c9169
Square palette of #696c90:
#696c91
#916980
#69917a
#918e69
Analogous palette of #696c90:
#698091
#696c91
Split-Complementary palette of #696c90:
#696c91
#698091
Rectangle (tetradic) palette of #696c90:
#696c91
#916980
#69917a
#917a69
Suggested colors palettes for #696c90 HEX:
Colors palette with color #696c90 #1:
Colors palette with color #696c90 #2:
Colors palette with color #696c90 #3:
Colors palette with color #696c90 #4:
Colors palette with color #696c90 #5:
Color #696c90 used in palettes (1)
Color Contrast
Color pairings #696c90 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#696c90
#696c90 Contrast Ratio
5.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#696c90
#696c90 Contrast Ratio
4.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #696c90 color png
Visit the popular colors list for more colors