#558df0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558df0 | RGB(85, 141, 240) |
Created at 10/30/2026 03:04
RGB values are RGB(85, 141, 240)
#558df0 color contains Red 33.33%, Green 55.29% and Blue 94.12%.
oklch(65.23% 0.1596 260.94)
#558df0 color contains Red 33.33%, Green 55.29% and Blue 94.12%.
oklch(65.23% 0.1596 260.94)
Color Names of #558df0 HEX code
≈ Cornflower Blue
Classification of #558df0 color
#558df0 is Light and Cool Color Saturation 84%, lightness 64%.
Shade of Cornflower Blue
Alternative colors of #558df0
Opposite Color for #558df0 is #f0b855
#558df0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558df0
cmyk
CMYK(65%, 41%, 0%, 6%)
Decimal
5606896
HEX
#558df0
HSL
hsl(218, 84%, 64%)
HSLA
hsla(218, 84%, 64%, 1)
RGB
RGB(85, 141, 240)
RGBA
RGBA(85, 141, 240, 1)
Palettes for #558df0 color:
Below are examples of color palettes with the #558df0 HEX color
darkest color is #080e18 from shades and lightest color is #eef4fe from tints
Shades palette of #558df0:
#4d7fd8
#4471c0
#3b63a8
#335590
#2b4778
#223860
#1a2a48
#111c30
#080e18
#000000
Tints palette of #558df0:
#6698f2
#77a4f3
#88aff5
#99bbf6
#aac6f8
#bbd1f9
#ccddfb
#dde8fc
#eef4fe
#ffffff
Complementary palette of #558df0:
#558df0
#f0b855
Triadic palette of #558df0:
#558df0
#f0558d
#8df055
Square palette of #558df0:
#558df0
#f055db
#f0b855
#55f06a
Analogous palette of #558df0:
#55dbf0
#558df0
#6a55f0
Split-Complementary palette of #558df0:
#558df0
#f06a55
#dbf055
Rectangle (tetradic) palette of #558df0:
#558df0
#b855f0
#f0b855
#8df055
Suggested color palettes for #558df0 HEX:
Color palette with color #558df0 #1:
Color palette with color #558df0 #2:
Color palette with color #558df0 #3:
Color palette with color #558df0 #4:
Color palette with color #558df0 #5:
Color Contrast
Color pairings of #558df0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558df0
#558df0Contrast Ratio
3.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558df0
#558df0Contrast Ratio
6.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558df0 color png
Visit the popular colors list for more colors