#558da3 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558da3 | RGB(85, 141, 163) |
Created at 02/18/2023 12:22
RGB values are RGB(85, 141, 163)
#558da3 color contains Red 33.33%, Green 55.29% and Blue 63.92%.
oklch(61.32% 0.0677 225.17)
#558da3 color contains Red 33.33%, Green 55.29% and Blue 63.92%.
oklch(61.32% 0.0677 225.17)
Color Names of #558da3 HEX code
≈ Horizon
Classification of #558da3 color
#558da3 is Light and Cool Color Saturation 31%, lightness 49%.
Shade of Light Slate Gray
Alternative colors of #558da3
Opposite Color for #558da3 is #a36b55
#558da3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558da3
cmyk
CMYK(48%, 13%, 0%, 36%)
Decimal
5606819
HEX
#558da3
HSL
hsl(197, 31%, 49%)
HSLA
hsla(197, 31%, 49%, 1)
RGB
RGB(85, 141, 163)
RGBA
RGBA(85, 141, 163, 1)
Palettes for #558da3 color:
Below are examples of color palettes with the #558da3 HEX color
darkest color is #080e10 from shades and lightest color is #eef4f6 from tints
Shades palette of #558da3:
#4d7f93
#447182
#3b6372
#335562
#2b4752
#223841
#1a2a31
#111c21
#080e10
#000000
Tints palette of #558da3:
#6698ac
#77a4b5
#88afbf
#99bbc8
#aac6d1
#bbd1da
#ccdde3
#dde8ed
#eef4f6
#ffffff
Complementary palette of #558da3:
#558da3
#a36b55
Triadic palette of #558da3:
#558da3
#a3558d
#8da355
Square palette of #558da3:
#558da3
#9255a3
#a36b55
#66a355
Analogous palette of #558da3:
#55a392
#558da3
#5566a3
Split-Complementary palette of #558da3:
#558da3
#a35566
#a39255
Rectangle (tetradic) palette of #558da3:
#558da3
#6b55a3
#a36b55
#8da355
Suggested color palettes for #558da3 HEX:
Color palette with color #558da3 #1:
Color palette with color #558da3 #2:
Color palette with color #558da3 #3:
Color palette with color #558da3 #4:
Color palette with color #558da3 #5:
Color #558da3 used in palettes (1)
Color Contrast
Color pairings of #558da3 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558da3
#558da3Contrast Ratio
3.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558da3
#558da3Contrast Ratio
5.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558da3 color png
Visit the popular colors list for more colors