#5980cf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5980cf | RGB(89, 128, 207) |
Created at 02/22/2023 19:47
Classification of #5980cf color
#5980cf is Light and Cool Color Saturation 55%, lightness 58%.
Tint of steelblue
RGB values are RGB(89, 128, 207)
#5980cf color contains Red 34.9%, Green 50.2% and Blue 81.18%.
oklch(60.75% 0.1284 263.21)
#5980cf color contains Red 34.9%, Green 50.2% and Blue 81.18%.
oklch(60.75% 0.1284 263.21)
Color Names of #5980cf HEX code
≈ Havelock Blue
Alternative colors of #5980cf
Opposite Color for #5980cf is #cfa859
#5980cf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5980cf
Decimal
5865679
HEX
#5980cf
HSL
hsl(220, 55%, 58%)
HSLA
hsla(220, 55%, 58%, 1)
RGB
RGB(89, 128, 207)
RGBA
RGBA(89, 128, 207, 1)
Palettes for #5980cf color:
Below examples of color palettes for #5980cf HEX color
darkest color is #090d15 from shades and lightest color is #eef2fa from tints
Shades palette of #5980cf:
#5073ba
#4766a6
#3e5a91
#354d7c
#2d4068
#243353
#1b263e
#121a29
#090d15
#000000
Tints palette of #5980cf:
#6a8dd4
#7a99d9
#8ba6dd
#9bb3e2
#acc0e7
#bdccec
#cdd9f1
#dee6f5
#eef2fa
#ffffff
Complementary palette of #5980cf:
#5980cf
#cfa859
Triadic palette of #5980cf:
#5980cf
#cf5980
#80cf59
Square palette of #5980cf:
#5980cf
#cf59bb
#cfa859
#59cf6d
Analogous palette of #5980cf:
#59bbcf
#5980cf
#6d59cf
Split-Complementary palette of #5980cf:
#5980cf
#cf6d59
#bbcf59
Rectangle (tetradic) palette of #5980cf:
#5980cf
#a859cf
#cfa859
#80cf59
Suggested color palettes for #5980cf HEX:
Color palette with color #5980cf #1:
Color palette with color #5980cf #2:
Color palette with color #5980cf #3:
Color palette with color #5980cf #4:
Color palette with color #5980cf #5:
Color #5980cf used in palettes (1)
Color Contrast
Color pairings #5980cf with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5980cf
#5980cf Contrast Ratio
3.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5980cf
#5980cf Contrast Ratio
5.41:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5980cf color png
Visit the popular colors list for more colors