Created at 12/03/2023 15:59
#558aec HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #558aec | RGB(85, 138, 236) |
RGB values are RGB(85, 138, 236)
#558aec color contain Red 33.33%, Green 54.12% and Blue 92.55%.
oklch(64.36% 0.1577 261.61)
#558aec color contain Red 33.33%, Green 54.12% and Blue 92.55%.
oklch(64.36% 0.1577 261.61)
Classification of #558aec color
#558aec is Light and Cool Color Saturation 80%, lightness 63%.
Tint of cornflowerblue
Alternative colors of #558aec
Opposite Color for #558aec is #ecb755
#558aec Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558aec
Decimal
5606124
HEX
#558aec
HSL
hsl(219, 80%, 63%)
HSLA
hsla(219, 80%, 63%, 1)
RGB
RGB(85, 138, 236)
RGBA
RGBA(85, 138, 236, 1)
Palettes for #558aec color:
Below examples of color palettes for #558aec HEX color
darkest color is #080e18 from shades and lightest color is #eef3fd from tints
Shades palette of #558aec:
#4d7cd4
#446ebd
#3b61a5
#33538e
#2b4576
#22375e
#1a2947
#111c2f
#080e18
#000000
Tints palette of #558aec:
#6696ee
#77a1f0
#88adf2
#99b9f4
#aac5f6
#bbd0f7
#ccdcf9
#dde8fb
#eef3fd
#ffffff
Complementary palette of #558aec:
#558aec
#ecb755
Triadic palette of #558aec:
#558aec
#ec558a
#8aec55
Square palette of #558aec:
#558aec
#ec55d5
#55ec6c
#ecb755
Analogous palette of #558aec:
#55d5ec
#558aec
Split-Complementary palette of #558aec:
#558aec
#55d5ec
Rectangle (tetradic) palette of #558aec:
#558aec
#ec55d5
#55ec6c
#ec6c55
Suggested colors palettes for #558aec HEX:
Colors palette with color #558aec #1:
Colors palette with color #558aec #2:
Colors palette with color #558aec #3:
Colors palette with color #558aec #4:
Colors palette with color #558aec #5:
Color Contrast
Color pairings #558aec with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#558aec
#558aec Contrast Ratio
3.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558aec
#558aec Contrast Ratio
6.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558aec color png
Visit the popular colors list for more colors