#558bb4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558bb4 | RGB(85, 139, 180) |
Created at 03/03/2023 14:32
RGB values are RGB(85, 139, 180)
#558bb4 color contains Red 33.33%, Green 54.51% and Blue 70.59%.
oklch(61.60% 0.0849 242.62)
#558bb4 color contains Red 33.33%, Green 54.51% and Blue 70.59%.
oklch(61.60% 0.0849 242.62)
Color Names of #558bb4 HEX code
≈ Hippie Blue
Classification of #558bb4 color
#558bb4 is Light and Cool Color Saturation 39%, lightness 52%.
Tint of Steel Blue
Alternative colors of #558bb4
Opposite Color for #558bb4 is #b47e55
#558bb4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558bb4
cmyk
CMYK(53%, 23%, 0%, 29%)
Decimal
5606324
HEX
#558bb4
HSL
hsl(206, 39%, 52%)
HSLA
hsla(206, 39%, 52%, 1)
RGB
RGB(85, 139, 180)
RGBA
RGBA(85, 139, 180, 1)
Palettes for #558bb4 color:
Below are examples of color palettes with the #558bb4 HEX color
darkest color is #080e12 from shades and lightest color is #eef3f8 from tints
Shades palette of #558bb4:
#4d7da2
#446f90
#3b617e
#33536c
#2b465a
#223848
#1a2a36
#111c24
#080e12
#000000
Tints palette of #558bb4:
#6697bc
#77a2c3
#88aecb
#99b9d2
#aac5da
#bbd1e1
#ccdce9
#dde8f0
#eef3f8
#ffffff
Complementary palette of #558bb4:
#558bb4
#b47e55
Triadic palette of #558bb4:
#558bb4
#b4558b
#8bb455
Square palette of #558bb4:
#558bb4
#ad55b4
#b47e55
#5cb455
Analogous palette of #558bb4:
#55b4ad
#558bb4
#555cb4
Split-Complementary palette of #558bb4:
#558bb4
#b4555c
#b4ae55
Rectangle (tetradic) palette of #558bb4:
#558bb4
#7e55b4
#b47e55
#8bb455
Suggested color palettes for #558bb4 HEX:
Color palette with color #558bb4 #1:
Color palette with color #558bb4 #2:
Color palette with color #558bb4 #3:
Color palette with color #558bb4 #4:
Color palette with color #558bb4 #5:
Color #558bb4 used in palettes (1)
Color Contrast
Color pairings of #558bb4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558bb4
#558bb4Contrast Ratio
3.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558bb4
#558bb4Contrast Ratio
5.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558bb4 color png
Visit the popular colors list for more colors