HEX #558EB4 color — Hippie Blue
The color #558eb4 is a light shade and moderately saturated.
Palette
558eb4 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fa |
rgb(244,248,250) |
hsl(204,39%,97%) |
#e3ecf3 |
rgb(227,236,243) |
hsl(204,39%,92%) |
#d1e0eb |
rgb(209,224,235) |
hsl(204,39%,87%) |
#bfd5e3 |
rgb(191,213,227) |
hsl(204,39%,82%) |
#adc9db |
rgb(173,201,219) |
hsl(204,39%,77%) |
#9cbdd3 |
rgb(156,189,211) |
hsl(204,39%,72%) |
#8ab1cc |
rgb(138,177,204) |
hsl(204,39%,67%) |
#78a6c4 |
rgb(120,166,196) |
hsl(204,39%,62%) |
#679abc |
rgb(103,154,188) |
hsl(204,39%,57%) |
#558eb4 |
rgb(85,142,180) |
hsl(204,39%,52%) |
#4981a7 |
rgb(73,129,167) |
hsl(204,39%,47%) |
#417395 |
rgb(65,115,149) |
hsl(204,39%,42%) |
#3a6683 |
rgb(58,102,131) |
hsl(204,39%,37%) |
#325871 |
rgb(50,88,113) |
hsl(204,39%,32%) |
#2a4a60 |
rgb(42,74,96) |
hsl(204,39%,27%) |
#223c4e |
rgb(34,60,78) |
hsl(204,39%,22%) |
#1a2f3c |
rgb(26,47,60) |
hsl(204,39%,17%) |
#13212b |
rgb(19,33,43) |
hsl(204,39%,12%) |
#0b1319 |
rgb(11,19,25) |
hsl(204,39%,7%) |
#030507 |
rgb(3,5,7) |
hsl(204,39%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55B59A |
rgb(85,181,154) |
hsl(163,39%,52%) |
#558EB4 |
rgb(85,142,180) |
hsl(204,39%,52%) |
#5B54B4 |
rgb(91,84,180) |
hsl(244,39%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FB5CD |
rgb(143,181,205) |
hsl(203,38%,68%) |
#72A1C0 |
rgb(114,161,192) |
hsl(204,38%,60%) |
#558EB4 |
rgb(85,142,180) |
hsl(204,39%,52%) |
#44789A |
rgb(68,120,154) |
hsl(204,39%,44%) |
#37617D |
rgb(55,97,125) |
hsl(204,39%,35%) |
#2A4A5F |
rgb(42,74,95) |
hsl(204,39%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#558EB4 |
rgb(85,142,180) |
hsl(204,39%,52%) |
#B4545E |
rgb(180,84,94) |
hsl(354,39%,52%) |
#B4AB55 |
rgb(180,171,85) |
hsl(54,39%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558EB4 |
rgb(85,142,180) |
hsl(204,39%,52%) |
#B47A55 |
rgb(180,122,85) |
hsl(23,39%,52%) |
#55B5AA |
rgb(85,181,170) |
hsl(173,39%,52%) |
#B4AB55 |
rgb(180,171,85) |
hsl(54,39%,52%) |