#689df2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #689df2 | RGB(104, 157, 242) |
Created at 02/23/2023 16:39
Classification of #689df2 color
#689df2 is Light and Cool Color Saturation 84%, lightness 68%.
Tint of Cornflower Blue
RGB values are RGB(104, 157, 242)
#689df2 color contains Red 40.78%, Green 61.57% and Blue 94.9%.
oklch(69.62% 0.1379 259.47)
#689df2 color contains Red 40.78%, Green 61.57% and Blue 94.9%.
oklch(69.62% 0.1379 259.47)
Color Names of #689df2 HEX code
≈ Cornflower Blue
Alternative colors of #689df2
Opposite Color for #689df2 is #f2bd68
#689df2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #689df2
cmyk
CMYK(57%, 35%, 0%, 5%)
Decimal
6856178
HEX
#689df2
HSL
hsl(217, 84%, 68%)
HSLA
hsla(217, 84%, 68%, 1)
RGB
RGB(104, 157, 242)
RGBA
RGBA(104, 157, 242, 1)
Palettes for #689df2 color:
Below examples of color palettes for #689df2 HEX color
darkest color is #0a1018 from shades and lightest color is #f0f5fe from tints
Shades palette of #689df2:
#5e8dda
#537ec2
#496ea9
#3e5e91
#344f79
#2a3f61
#1f2f49
#151f30
#0a1018
#000000
Tints palette of #689df2:
#77a7f3
#86b1f5
#95baf6
#a4c4f7
#b4cef9
#c3d8fa
#d2e2fb
#e1ebfc
#f0f5fe
#ffffff
Complementary palette of #689df2:
#689df2
#f2bd68
Triadic palette of #689df2:
#689df2
#f2689d
#9df268
Square palette of #689df2:
#689df2
#f268e2
#f2bd68
#68f278
Analogous palette of #689df2:
#68e2f2
#689df2
#7868f2
Split-Complementary palette of #689df2:
#689df2
#f27868
#e2f268
Rectangle (tetradic) palette of #689df2:
#689df2
#bd68f2
#f2bd68
#9df268
Suggested color palettes for #689df2 HEX:
Color palette with color #689df2 #1:
Color palette with color #689df2 #2:
Color palette with color #689df2 #3:
Color palette with color #689df2 #4:
Color palette with color #689df2 #5:
Color #689df2 used in palettes (1)
Color Contrast
Color pairings #689df2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#689df2
#689df2 Contrast Ratio
2.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#689df2
#689df2 Contrast Ratio
7.69:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #689df2 color png
Visit the popular colors list for more colors