#699aa2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #699aa2 | RGB(105, 154, 162) |
Created at 03/08/2023 08:58
Classification of #699aa2 color
#699aa2 is Light and Cool Color Saturation 23%, lightness 52%.
Tint of Cadet Blue
RGB values are RGB(105, 154, 162)
#699aa2 color contains Red 41.18%, Green 60.39% and Blue 63.53%.
oklch(65.43% 0.0537 208.71)
#699aa2 color contains Red 41.18%, Green 60.39% and Blue 63.53%.
oklch(65.43% 0.0537 208.71)
Color Names of #699aa2 HEX code
≈ Gothic
Alternative colors of #699aa2
Opposite Color for #699aa2 is #a27169
#699aa2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #699aa2
cmyk
CMYK(35%, 5%, 0%, 36%)
Decimal
6920866
HEX
#699aa2
HSL
hsl(188, 23%, 52%)
HSLA
hsla(188, 23%, 52%, 1)
RGB
RGB(105, 154, 162)
RGBA
RGBA(105, 154, 162, 1)
Palettes for #699aa2 color:
Below are examples of color palettes with the #699aa2 HEX color
darkest color is #0a0f10 from shades and lightest color is #f0f5f6 from tints
Shades palette of #699aa2:
#5f8b92
#547b82
#4a6c71
#3f5c61
#354d51
#2a3e41
#202e31
#151f20
#0a0f10
#000000
Tints palette of #699aa2:
#78a4ab
#87aeb5
#96b8be
#a5c2c7
#b4cdd1
#c3d7da
#d2e1e3
#e1ebec
#f0f5f6
#ffffff
Complementary palette of #699aa2:
#699aa2
#a27169
Triadic palette of #699aa2:
#699aa2
#a2699a
#9aa269
Square palette of #699aa2:
#699aa2
#8e69a2
#a27169
#7da269
Analogous palette of #699aa2:
#69a28e
#699aa2
#697da2
Split-Complementary palette of #699aa2:
#699aa2
#a2697d
#a28e69
Rectangle (tetradic) palette of #699aa2:
#699aa2
#7169a2
#a27169
#9aa269
Suggested color palettes for #699aa2 HEX:
Color palette with color #699aa2 #1:
Color palette with color #699aa2 #2:
Color palette with color #699aa2 #3:
Color palette with color #699aa2 #4:
Color palette with color #699aa2 #5:
Color #699aa2 used in palettes (1)
Color Contrast
Color pairings of #699aa2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#699aa2
#699aa2 Contrast Ratio
3.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#699aa2
#699aa2 Contrast Ratio
6.74:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #699aa2 color png
Visit the popular colors list for more colors