HEX #54969C color — Breaker Bay
The color #54969C is a light shade and slightly desaturated.
Palette
54969C color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(185,30%,97%) |
#e4f0f1 |
rgb(228,240,241) |
hsl(185,30%,92%) |
#d4e6e8 |
rgb(212,230,232) |
hsl(185,30%,87%) |
#c3dddf |
rgb(195,221,223) |
hsl(185,30%,82%) |
#b3d3d6 |
rgb(179,211,214) |
hsl(185,30%,77%) |
#a2c9cd |
rgb(162,201,205) |
hsl(185,30%,72%) |
#92c0c4 |
rgb(146,192,196) |
hsl(185,30%,67%) |
#81b6bb |
rgb(129,182,187) |
hsl(185,30%,62%) |
#70adb2 |
rgb(112,173,178) |
hsl(185,30%,57%) |
#60a3a9 |
rgb(96,163,169) |
hsl(185,30%,52%) |
#54969c |
rgb(84,150,156) |
hsl(185,30%,47%) |
#4b868b |
rgb(75,134,139) |
hsl(185,30%,42%) |
#42767b |
rgb(66,118,123) |
hsl(185,30%,37%) |
#39666a |
rgb(57,102,106) |
hsl(185,30%,32%) |
#30565a |
rgb(48,86,90) |
hsl(185,30%,27%) |
#274649 |
rgb(39,70,73) |
hsl(185,30%,22%) |
#1e3638 |
rgb(30,54,56) |
hsl(185,30%,17%) |
#152628 |
rgb(21,38,40) |
hsl(185,30%,12%) |
#0c1617 |
rgb(12,22,23) |
hsl(185,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(185,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#549C72 |
rgb(84,156,114) |
hsl(145,30%,47%) |
#54969C |
rgb(84,150,156) |
hsl(185,30%,47%) |
#54669C |
rgb(84,102,156) |
hsl(225,30%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81B8BB |
rgb(129,184,187) |
hsl(183,30%,62%) |
#68A8AD |
rgb(104,168,173) |
hsl(184,30%,54%) |
#54969C |
rgb(84,150,156) |
hsl(185,30%,47%) |
#467D83 |
rgb(70,125,131) |
hsl(186,30%,39%) |
#39666A |
rgb(57,102,106) |
hsl(185,30%,32%) |
#2B4F51 |
rgb(43,79,81) |
hsl(183,31%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#54969C |
rgb(84,150,156) |
hsl(185,30%,47%) |
#9C5472 |
rgb(156,84,114) |
hsl(335,30%,47%) |
#9C7D54 |
rgb(156,125,84) |
hsl(34,30%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#54969C |
rgb(84,150,156) |
hsl(185,30%,47%) |
#9C5954 |
rgb(156,89,84) |
hsl(4,30%,47%) |
#549C7E |
rgb(84,156,126) |
hsl(155,30%,47%) |
#9C7D54 |
rgb(156,125,84) |
hsl(34,30%,47%) |