HEX #5D98A2 color — Breaker Bay
The color #5d98a2 is a light shade and slightly desaturated.
Palette
5d98a2 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f6 |
rgb(239,245,246) |
hsl(189,27%,95%) |
#dfeaec |
rgb(223,234,236) |
hsl(189,27%,90%) |
#cee0e3 |
rgb(206,224,227) |
hsl(189,27%,85%) |
#bed6da |
rgb(190,214,218) |
hsl(189,27%,80%) |
#aecbd0 |
rgb(174,203,208) |
hsl(189,27%,75%) |
#9ec1c7 |
rgb(158,193,199) |
hsl(189,27%,70%) |
#8eb7be |
rgb(142,183,190) |
hsl(189,27%,65%) |
#7dacb5 |
rgb(125,172,181) |
hsl(189,27%,60%) |
#6da2ab |
rgb(109,162,171) |
hsl(189,27%,55%) |
#5d98a2 |
rgb(93,152,162) |
hsl(189,27%,50%) |
#548892 |
rgb(84,136,146) |
hsl(189,27%,45%) |
#4a7982 |
rgb(74,121,130) |
hsl(189,27%,40%) |
#416a71 |
rgb(65,106,113) |
hsl(189,27%,35%) |
#385b61 |
rgb(56,91,97) |
hsl(189,27%,30%) |
#2f4c51 |
rgb(47,76,81) |
hsl(189,27%,25%) |
#253d41 |
rgb(37,61,65) |
hsl(189,27%,20%) |
#1c2d31 |
rgb(28,45,49) |
hsl(189,27%,15%) |
#131e20 |
rgb(19,30,32) |
hsl(189,27%,10%) |
#090f10 |
rgb(9,15,16) |
hsl(189,27%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5DA37E |
rgb(93,163,126) |
hsl(148,28%,50%) |
#5D98A2 |
rgb(93,152,162) |
hsl(189,27%,50%) |
#5D6BA2 |
rgb(93,107,162) |
hsl(228,27%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90BABF |
rgb(144,186,191) |
hsl(186,27%,66%) |
#76A8B0 |
rgb(118,168,176) |
hsl(188,27%,58%) |
#5D98A2 |
rgb(93,152,162) |
hsl(189,27%,50%) |
#4E8088 |
rgb(78,128,136) |
hsl(188,27%,42%) |
#3F696E |
rgb(63,105,110) |
hsl(186,27%,34%) |
#304F54 |
rgb(48,79,84) |
hsl(188,27%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5D98A2 |
rgb(93,152,162) |
hsl(189,27%,50%) |
#A25C75 |
rgb(162,92,117) |
hsl(339,28%,50%) |
#A28A5D |
rgb(162,138,93) |
hsl(39,27%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5D98A2 |
rgb(93,152,162) |
hsl(189,27%,50%) |
#A2665D |
rgb(162,102,93) |
hsl(8,27%,50%) |
#5DA389 |
rgb(93,163,137) |
hsl(158,28%,50%) |
#A28A5D |
rgb(162,138,93) |
hsl(39,27%,50%) |