Created at 12/01/2023 16:07
#556bb4 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #556bb4 | RGB(85, 107, 180) |
RGB values are RGB(85, 107, 180)
#556bb4 color contain Red 33.33%, Green 41.96% and Blue 70.59%.
oklch(54.46% 0.1171 269.57)
#556bb4 color contain Red 33.33%, Green 41.96% and Blue 70.59%.
oklch(54.46% 0.1171 269.57)
Classification of #556bb4 color
#556bb4 is Light and Cool Color Saturation 39%, lightness 52%.
Shade of royalblue
Alternative colors of #556bb4
Opposite Color for #556bb4 is #b49e55
#556bb4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #556bb4
Decimal
5598132
HEX
#556bb4
HSL
hsl(226, 39%, 52%)
HSLA
hsla(226, 39%, 52%, 1)
RGB
RGB(85, 107, 180)
RGBA
RGBA(85, 107, 180, 1)
Palettes for #556bb4 color:
Below examples of color palettes for #556bb4 HEX color
darkest color is #080b12 from shades and lightest color is #eef0f8 from tints
Shades palette of #556bb4:
#4d60a2
#445690
#3b4b7e
#33406c
#2b365a
#222b48
#1a2036
#111524
#080b12
#000000
Tints palette of #556bb4:
#667abc
#7789c3
#8897cb
#99a6d2
#aab5da
#bbc4e1
#ccd3e9
#dde1f0
#eef0f8
#ffffff
Complementary palette of #556bb4:
#556bb4
#b49e55
Triadic palette of #556bb4:
#556bb4
#b4556b
#6bb455
Square palette of #556bb4:
#556bb4
#b4559b
#55b46e
#b49e55
Analogous palette of #556bb4:
#559bb4
#556bb4
Split-Complementary palette of #556bb4:
#556bb4
#559bb4
Rectangle (tetradic) palette of #556bb4:
#556bb4
#b4559b
#55b46e
#b46e55
Suggested colors palettes for #556bb4 HEX:
Colors palette with color #556bb4 #1:
Colors palette with color #556bb4 #2:
Colors palette with color #556bb4 #3:
Colors palette with color #556bb4 #4:
Colors palette with color #556bb4 #5:
Color Contrast
Color pairings #556bb4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#556bb4
#556bb4 Contrast Ratio
5.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#556bb4
#556bb4 Contrast Ratio
4.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #556bb4 color png
Visit the popular colors list for more colors