HEX #5F9CA8 color — Breaker Bay
The color #5F9CA8 is a light shade and slightly desaturated.
Palette
5F9CA8 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(190,30%,97%) |
#e4eff1 |
rgb(228,239,241) |
hsl(190,30%,92%) |
#d4e4e8 |
rgb(212,228,232) |
hsl(190,30%,87%) |
#c3dadf |
rgb(195,218,223) |
hsl(190,30%,82%) |
#b3d0d6 |
rgb(179,208,214) |
hsl(190,30%,77%) |
#a2c6cd |
rgb(162,198,205) |
hsl(190,30%,72%) |
#92bcc4 |
rgb(146,188,196) |
hsl(190,30%,67%) |
#81b1bb |
rgb(129,177,187) |
hsl(190,30%,62%) |
#70a7b2 |
rgb(112,167,178) |
hsl(190,30%,57%) |
#609da9 |
rgb(96,157,169) |
hsl(190,30%,52%) |
#54909c |
rgb(84,144,156) |
hsl(190,30%,47%) |
#4b818b |
rgb(75,129,139) |
hsl(190,30%,42%) |
#42717b |
rgb(66,113,123) |
hsl(190,30%,37%) |
#39626a |
rgb(57,98,106) |
hsl(190,30%,32%) |
#30535a |
rgb(48,83,90) |
hsl(190,30%,27%) |
#274349 |
rgb(39,67,73) |
hsl(190,30%,22%) |
#1e3438 |
rgb(30,52,56) |
hsl(190,30%,17%) |
#152528 |
rgb(21,37,40) |
hsl(190,30%,12%) |
#0c1517 |
rgb(12,21,23) |
hsl(190,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(190,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FA883 |
rgb(95,168,131) |
hsl(150,30%,52%) |
#5F9CA8 |
rgb(95,156,168) |
hsl(190,30%,52%) |
#5F6BA8 |
rgb(95,107,168) |
hsl(230,30%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95BDC5 |
rgb(149,189,197) |
hsl(190,29%,68%) |
#7AADB6 |
rgb(122,173,182) |
hsl(189,29%,60%) |
#5F9CA8 |
rgb(95,156,168) |
hsl(190,30%,52%) |
#4D858F |
rgb(77,133,143) |
hsl(189,30%,43%) |
#3E6B73 |
rgb(62,107,115) |
hsl(189,30%,35%) |
#305258 |
rgb(48,82,88) |
hsl(189,29%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F9CA8 |
rgb(95,156,168) |
hsl(190,30%,52%) |
#A85E77 |
rgb(168,94,119) |
hsl(340,30%,51%) |
#A88F5F |
rgb(168,143,95) |
hsl(39,30%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F9CA8 |
rgb(95,156,168) |
hsl(190,30%,52%) |
#A86B5F |
rgb(168,107,95) |
hsl(10,30%,52%) |
#5FA88F |
rgb(95,168,143) |
hsl(159,30%,52%) |
#A88F5F |
rgb(168,143,95) |
hsl(39,30%,52%) |