#699db2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #699db2 | RGB(105, 157, 178) |
Created at 03/05/2023 09:06
Classification of #699db2 color
#699db2 is Light and Cool Color Saturation 32%, lightness 55%.
Tint of Cadet Blue
RGB values are RGB(105, 157, 178)
#699db2 color contains Red 41.18%, Green 61.57% and Blue 69.8%.
oklch(66.72% 0.0633 225.31)
#699db2 color contains Red 41.18%, Green 61.57% and Blue 69.8%.
oklch(66.72% 0.0633 225.31)
Color Names of #699db2 HEX code
≈ Hippie Blue
Alternative colors of #699db2
Opposite Color for #699db2 is #b27e69
#699db2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #699db2
cmyk
CMYK(41%, 12%, 0%, 30%)
Decimal
6921650
HEX
#699db2
HSL
hsl(197, 32%, 55%)
HSLA
hsla(197, 32%, 55%, 1)
RGB
RGB(105, 157, 178)
RGBA
RGBA(105, 157, 178, 1)
Palettes for #699db2 color:
Below are examples of color palettes with the #699db2 HEX color
darkest color is #0a1012 from shades and lightest color is #f0f5f7 from tints
Shades palette of #699db2:
#5f8da0
#547e8e
#4a6e7d
#3f5e6b
#354f59
#2a3f47
#202f35
#151f24
#0a1012
#000000
Tints palette of #699db2:
#78a7ba
#87b1c1
#96bac9
#a5c4d1
#b4ced9
#c3d8e0
#d2e2e8
#e1ebf0
#f0f5f7
#ffffff
Complementary palette of #699db2:
#699db2
#b27e69
Triadic palette of #699db2:
#699db2
#b2699d
#9db269
Square palette of #699db2:
#699db2
#a369b2
#b27e69
#79b269
Analogous palette of #699db2:
#69b2a2
#699db2
#6979b2
Split-Complementary palette of #699db2:
#699db2
#b26979
#b2a269
Rectangle (tetradic) palette of #699db2:
#699db2
#7e69b2
#b27e69
#9db269
Suggested color palettes for #699db2 HEX:
Color palette with color #699db2 #1:
Color palette with color #699db2 #2:
Color palette with color #699db2 #3:
Color palette with color #699db2 #4:
Color palette with color #699db2 #5:
Color #699db2 used in palettes (2)
Color Contrast
Color pairings of #699db2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#699db2
#699db2 Contrast Ratio
2.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#699db2
#699db2 Contrast Ratio
7.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #699db2 color png
Visit the popular colors list for more colors