#5989f6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5989f6 | RGB(89, 137, 246) |
Created at 10/17/2026 06:09
RGB values are RGB(89, 137, 246)
#5989f6 color contains Red 34.9%, Green 53.73% and Blue 96.47%.
oklch(64.96% 0.1708 264.3)
#5989f6 color contains Red 34.9%, Green 53.73% and Blue 96.47%.
oklch(64.96% 0.1708 264.3)
Color Names of #5989f6 HEX code
≈ Cornflower Blue
Classification of #5989f6 color
#5989f6 is Light and Cool Color Saturation 90%, lightness 66%.
Shade of Cornflower Blue
Alternative colors of #5989f6
Opposite Color for #5989f6 is #f6c659
#5989f6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5989f6
cmyk
CMYK(64%, 44%, 0%, 4%)
Decimal
5868022
HEX
#5989f6
HSL
hsl(222, 90%, 66%)
HSLA
hsla(222, 90%, 66%, 1)
RGB
RGB(89, 137, 246)
RGBA
RGBA(89, 137, 246, 1)
Palettes for #5989f6 color:
Below are examples of color palettes with the #5989f6 HEX color
darkest color is #090e19 from shades and lightest color is #eef3fe from tints
Shades palette of #5989f6:
#507bdd
#476ec5
#3e60ac
#355294
#2d457b
#243762
#1b294a
#121b31
#090e19
#000000
Tints palette of #5989f6:
#6a95f7
#7aa1f8
#8bacf9
#9bb8fa
#acc4fb
#bdd0fb
#cddcfc
#dee7fd
#eef3fe
#ffffff
Complementary palette of #5989f6:
#5989f6
#f6c659
Triadic palette of #5989f6:
#5989f6
#f65989
#89f659
Square palette of #5989f6:
#5989f6
#f659d8
#f6c659
#59f678
Analogous palette of #5989f6:
#59d8f6
#5989f6
#7859f6
Split-Complementary palette of #5989f6:
#5989f6
#f67859
#d8f659
Rectangle (tetradic) palette of #5989f6:
#5989f6
#c659f6
#f6c659
#89f659
Suggested color palettes for #5989f6 HEX:
Color palette with color #5989f6 #1:
Color palette with color #5989f6 #2:
Color palette with color #5989f6 #3:
Color palette with color #5989f6 #4:
Color palette with color #5989f6 #5:
Color Contrast
Color pairings of #5989f6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5989f6
#5989f6Contrast Ratio
3.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5989f6
#5989f6Contrast Ratio
6.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5989f6 color png
Visit the popular colors list for more colors