HEX #558CA6 color — Horizon
The color #558CA6 is a light shade and slightly desaturated.
Palette
558CA6 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(199,32%,99%) |
#ebf1f5 |
rgb(235,241,245) |
hsl(199,32%,94%) |
#dae6ec |
rgb(218,230,236) |
hsl(199,32%,89%) |
#c9dbe3 |
rgb(201,219,227) |
hsl(199,32%,84%) |
#b8d0db |
rgb(184,208,219) |
hsl(199,32%,79%) |
#a7c4d2 |
rgb(167,196,210) |
hsl(199,32%,74%) |
#97b9c9 |
rgb(151,185,201) |
hsl(199,32%,69%) |
#86aec1 |
rgb(134,174,193) |
hsl(199,32%,64%) |
#75a3b8 |
rgb(117,163,184) |
hsl(199,32%,59%) |
#6497af |
rgb(100,151,175) |
hsl(199,32%,54%) |
#558ca5 |
rgb(85,140,165) |
hsl(199,32%,49%) |
#4c7d94 |
rgb(76,125,148) |
hsl(199,32%,44%) |
#446f83 |
rgb(68,111,131) |
hsl(199,32%,39%) |
#3b6172 |
rgb(59,97,114) |
hsl(199,32%,34%) |
#325362 |
rgb(50,83,98) |
hsl(199,32%,29%) |
#2a4451 |
rgb(42,68,81) |
hsl(199,32%,24%) |
#213640 |
rgb(33,54,64) |
hsl(199,32%,19%) |
#18282f |
rgb(24,40,47) |
hsl(199,32%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(199,32%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(199,32%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A68A |
rgb(85,166,138) |
hsl(159,32%,49%) |
#558CA6 |
rgb(85,140,166) |
hsl(199,32%,49%) |
#5557A6 |
rgb(85,87,166) |
hsl(239,32%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88B0C2 |
rgb(136,176,194) |
hsl(199,32%,65%) |
#6E9EB4 |
rgb(110,158,180) |
hsl(199,32%,57%) |
#558CA6 |
rgb(85,140,166) |
hsl(199,32%,49%) |
#47758B |
rgb(71,117,139) |
hsl(199,32%,41%) |
#395E70 |
rgb(57,94,112) |
hsl(200,33%,33%) |
#2C4A56 |
rgb(44,74,86) |
hsl(197,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CA6 |
rgb(85,140,166) |
hsl(199,32%,49%) |
#A65463 |
rgb(166,84,99) |
hsl(349,33%,49%) |
#A69655 |
rgb(166,150,85) |
hsl(48,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CA6 |
rgb(85,140,166) |
hsl(199,32%,49%) |
#A67055 |
rgb(166,112,85) |
hsl(20,32%,49%) |
#55A697 |
rgb(85,166,151) |
hsl(169,32%,49%) |
#A69655 |
rgb(166,150,85) |
hsl(48,32%,49%) |