HEX #549C8D color — Breaker Bay
The color #549C8D is a light shade and slightly desaturated.
Palette
549C8D color palette from light to dark
HEX |
RGB |
HSL |
#f5faf9 |
rgb(245,250,249) |
hsl(168,30%,97%) |
#e4f1ee |
rgb(228,241,238) |
hsl(168,30%,92%) |
#d4e8e4 |
rgb(212,232,228) |
hsl(168,30%,87%) |
#c3dfd9 |
rgb(195,223,217) |
hsl(168,30%,82%) |
#b3d6cf |
rgb(179,214,207) |
hsl(168,30%,77%) |
#a2cdc4 |
rgb(162,205,196) |
hsl(168,30%,72%) |
#92c4ba |
rgb(146,196,186) |
hsl(168,30%,67%) |
#81bbb0 |
rgb(129,187,176) |
hsl(168,30%,62%) |
#70b2a5 |
rgb(112,178,165) |
hsl(168,30%,57%) |
#60a99b |
rgb(96,169,155) |
hsl(168,30%,52%) |
#549c8d |
rgb(84,156,141) |
hsl(168,30%,47%) |
#4b8b7e |
rgb(75,139,126) |
hsl(168,30%,42%) |
#427b6f |
rgb(66,123,111) |
hsl(168,30%,37%) |
#396a60 |
rgb(57,106,96) |
hsl(168,30%,32%) |
#305a51 |
rgb(48,90,81) |
hsl(168,30%,27%) |
#274942 |
rgb(39,73,66) |
hsl(168,30%,22%) |
#1e3833 |
rgb(30,56,51) |
hsl(168,30%,17%) |
#152824 |
rgb(21,40,36) |
hsl(168,30%,12%) |
#0c1715 |
rgb(12,23,21) |
hsl(168,30%,7%) |
#040706 |
rgb(4,7,6) |
hsl(168,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#549C5D |
rgb(84,156,93) |
hsl(128,30%,47%) |
#549C8D |
rgb(84,156,141) |
hsl(168,30%,47%) |
#547A9C |
rgb(84,122,156) |
hsl(208,30%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81BAAF |
rgb(129,186,175) |
hsl(168,29%,62%) |
#68AD9F |
rgb(104,173,159) |
hsl(168,30%,54%) |
#549C8D |
rgb(84,156,141) |
hsl(168,30%,47%) |
#468276 |
rgb(70,130,118) |
hsl(168,30%,39%) |
#396B5F |
rgb(57,107,95) |
hsl(166,30%,32%) |
#2B5249 |
rgb(43,82,73) |
hsl(166,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#549C8D |
rgb(84,156,141) |
hsl(168,30%,47%) |
#9C5487 |
rgb(156,84,135) |
hsl(318,30%,47%) |
#9C6954 |
rgb(156,105,84) |
hsl(18,30%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#549C8D |
rgb(84,156,141) |
hsl(168,30%,47%) |
#9C5463 |
rgb(156,84,99) |
hsl(348,30%,47%) |
#549C69 |
rgb(84,156,105) |
hsl(138,30%,47%) |
#9C6954 |
rgb(156,105,84) |
hsl(18,30%,47%) |