HEX #609CA1 color — Breaker Bay
The color #609CA1 is a light shade and slightly desaturated.
Palette
609CA1 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f6 |
rgb(239,245,246) |
hsl(185,26%,95%) |
#dfebec |
rgb(223,235,236) |
hsl(185,26%,90%) |
#cfe1e3 |
rgb(207,225,227) |
hsl(185,26%,85%) |
#bfd7d9 |
rgb(191,215,217) |
hsl(185,26%,80%) |
#afcdd0 |
rgb(175,205,208) |
hsl(185,26%,75%) |
#9fc3c6 |
rgb(159,195,198) |
hsl(185,26%,70%) |
#8fb9bd |
rgb(143,185,189) |
hsl(185,26%,65%) |
#7eafb4 |
rgb(126,175,180) |
hsl(185,26%,60%) |
#6ea5aa |
rgb(110,165,170) |
hsl(185,26%,55%) |
#5e9ba1 |
rgb(94,155,161) |
hsl(185,26%,50%) |
#558c91 |
rgb(85,140,145) |
hsl(185,26%,45%) |
#4b7c81 |
rgb(75,124,129) |
hsl(185,26%,40%) |
#426d70 |
rgb(66,109,112) |
hsl(185,26%,35%) |
#395d60 |
rgb(57,93,96) |
hsl(185,26%,30%) |
#2f4e50 |
rgb(47,78,80) |
hsl(185,26%,25%) |
#263e40 |
rgb(38,62,64) |
hsl(185,26%,20%) |
#1c2f30 |
rgb(28,47,48) |
hsl(185,26%,15%) |
#131f20 |
rgb(19,31,32) |
hsl(185,26%,10%) |
#091010 |
rgb(9,16,16) |
hsl(185,26%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#60A17A |
rgb(96,161,122) |
hsl(144,26%,50%) |
#609CA1 |
rgb(96,156,161) |
hsl(185,26%,50%) |
#6070A1 |
rgb(96,112,161) |
hsl(225,26%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93BDBF |
rgb(147,189,191) |
hsl(183,26%,66%) |
#79ABB0 |
rgb(121,171,176) |
hsl(185,26%,58%) |
#609CA1 |
rgb(96,156,161) |
hsl(185,26%,50%) |
#508587 |
rgb(80,133,135) |
hsl(182,26%,42%) |
#406B6D |
rgb(64,107,109) |
hsl(183,26%,34%) |
#315253 |
rgb(49,82,83) |
hsl(182,26%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#609CA1 |
rgb(96,156,161) |
hsl(185,26%,50%) |
#A1617B |
rgb(161,97,123) |
hsl(336,25%,51%) |
#A18560 |
rgb(161,133,96) |
hsl(34,26%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#609CA1 |
rgb(96,156,161) |
hsl(185,26%,50%) |
#A16660 |
rgb(161,102,96) |
hsl(6,26%,50%) |
#60A185 |
rgb(96,161,133) |
hsl(154,26%,50%) |
#A18560 |
rgb(161,133,96) |
hsl(34,26%,50%) |