HEX #5896A2 color — Breaker Bay
The color #5896A2 is a light shade and slightly desaturated.
Palette
5896A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(190,30%,99%) |
#ebf3f4 |
rgb(235,243,244) |
hsl(190,30%,94%) |
#dbe9eb |
rgb(219,233,235) |
hsl(190,30%,89%) |
#cadee2 |
rgb(202,222,226) |
hsl(190,30%,84%) |
#b9d4da |
rgb(185,212,218) |
hsl(190,30%,79%) |
#a9cad1 |
rgb(169,202,209) |
hsl(190,30%,74%) |
#98c0c8 |
rgb(152,192,200) |
hsl(190,30%,69%) |
#88b6bf |
rgb(136,182,191) |
hsl(190,30%,64%) |
#77abb6 |
rgb(119,171,182) |
hsl(190,30%,59%) |
#67a1ad |
rgb(103,161,173) |
hsl(190,30%,54%) |
#5796a2 |
rgb(87,150,162) |
hsl(190,30%,49%) |
#4f8792 |
rgb(79,135,146) |
hsl(190,30%,44%) |
#467781 |
rgb(70,119,129) |
hsl(190,30%,39%) |
#3d6871 |
rgb(61,104,113) |
hsl(190,30%,34%) |
#345960 |
rgb(52,89,96) |
hsl(190,30%,29%) |
#2b4950 |
rgb(43,73,80) |
hsl(190,30%,24%) |
#223a3f |
rgb(34,58,63) |
hsl(190,30%,19%) |
#192b2e |
rgb(25,43,46) |
hsl(190,30%,14%) |
#101c1e |
rgb(16,28,30) |
hsl(190,30%,9%) |
#070c0d |
rgb(7,12,13) |
hsl(190,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#58A37C |
rgb(88,163,124) |
hsl(149,30%,49%) |
#5896A2 |
rgb(88,150,162) |
hsl(190,30%,49%) |
#5863A2 |
rgb(88,99,162) |
hsl(231,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB8BF |
rgb(138,184,191) |
hsl(188,29%,65%) |
#70A6B1 |
rgb(112,166,177) |
hsl(190,29%,57%) |
#5896A2 |
rgb(88,150,162) |
hsl(190,30%,49%) |
#497D88 |
rgb(73,125,136) |
hsl(190,30%,41%) |
#3B666E |
rgb(59,102,110) |
hsl(189,30%,33%) |
#2D4F54 |
rgb(45,79,84) |
hsl(188,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5896A2 |
rgb(88,150,162) |
hsl(190,30%,49%) |
#A25971 |
rgb(162,89,113) |
hsl(340,29%,49%) |
#A28A58 |
rgb(162,138,88) |
hsl(41,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5896A2 |
rgb(88,150,162) |
hsl(190,30%,49%) |
#A26358 |
rgb(162,99,88) |
hsl(9,30%,49%) |
#58A389 |
rgb(88,163,137) |
hsl(159,30%,49%) |
#A28A58 |
rgb(162,138,88) |
hsl(41,30%,49%) |