HEX #54969E color — Breaker Bay
The color #54969E is a light shade and slightly desaturated.
Palette
54969E color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(186,31%,97%) |
#e4f0f1 |
rgb(228,240,241) |
hsl(186,31%,92%) |
#d4e6e8 |
rgb(212,230,232) |
hsl(186,31%,87%) |
#c3dcdf |
rgb(195,220,223) |
hsl(186,31%,82%) |
#b2d3d7 |
rgb(178,211,215) |
hsl(186,31%,77%) |
#a1c9ce |
rgb(161,201,206) |
hsl(186,31%,72%) |
#91c0c5 |
rgb(145,192,197) |
hsl(186,31%,67%) |
#80b6bc |
rgb(128,182,188) |
hsl(186,31%,62%) |
#6fadb3 |
rgb(111,173,179) |
hsl(186,31%,57%) |
#5fa3ab |
rgb(95,163,171) |
hsl(186,31%,52%) |
#53969d |
rgb(83,150,157) |
hsl(186,31%,47%) |
#4a868c |
rgb(74,134,140) |
hsl(186,31%,42%) |
#41767c |
rgb(65,118,124) |
hsl(186,31%,37%) |
#38666b |
rgb(56,102,107) |
hsl(186,31%,32%) |
#30565a |
rgb(48,86,90) |
hsl(186,31%,27%) |
#274649 |
rgb(39,70,73) |
hsl(186,31%,22%) |
#1e3639 |
rgb(30,54,57) |
hsl(186,31%,17%) |
#152628 |
rgb(21,38,40) |
hsl(186,31%,12%) |
#0c1617 |
rgb(12,22,23) |
hsl(186,31%,7%) |
#040607 |
rgb(4,6,7) |
hsl(186,31%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#549E74 |
rgb(84,158,116) |
hsl(146,31%,47%) |
#54969E |
rgb(84,150,158) |
hsl(186,31%,47%) |
#54639E |
rgb(84,99,158) |
hsl(228,31%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82B8BC |
rgb(130,184,188) |
hsl(184,30%,62%) |
#69A8AF |
rgb(105,168,175) |
hsl(186,30%,55%) |
#54969E |
rgb(84,150,158) |
hsl(186,31%,47%) |
#467D84 |
rgb(70,125,132) |
hsl(187,31%,40%) |
#39666B |
rgb(57,102,107) |
hsl(186,30%,32%) |
#2B4F52 |
rgb(43,79,82) |
hsl(185,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#54969E |
rgb(84,150,158) |
hsl(186,31%,47%) |
#9E5471 |
rgb(158,84,113) |
hsl(336,31%,47%) |
#9E8254 |
rgb(158,130,84) |
hsl(37,31%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#54969E |
rgb(84,150,158) |
hsl(186,31%,47%) |
#9E5C54 |
rgb(158,92,84) |
hsl(6,31%,47%) |
#549E81 |
rgb(84,158,129) |
hsl(156,31%,47%) |
#9E8254 |
rgb(158,130,84) |
hsl(37,31%,47%) |