HEX #309C88 color — Lochinvar
The color #309C88 is a light shade and moderately saturated.
Palette
309C88 color palette from light to dark
HEX |
RGB |
HSL |
#ebf9f7 |
rgb(235,249,247) |
hsl(169,53%,95%) |
#d8f3ee |
rgb(216,243,238) |
hsl(169,53%,90%) |
#c4ede6 |
rgb(196,237,230) |
hsl(169,53%,85%) |
#b1e7dd |
rgb(177,231,221) |
hsl(169,53%,80%) |
#9de1d5 |
rgb(157,225,213) |
hsl(169,53%,75%) |
#8adbcc |
rgb(138,219,204) |
hsl(169,53%,70%) |
#76d5c4 |
rgb(118,213,196) |
hsl(169,53%,65%) |
#63cfbb |
rgb(99,207,187) |
hsl(169,53%,60%) |
#4fc9b3 |
rgb(79,201,179) |
hsl(169,53%,55%) |
#3cc3aa |
rgb(60,195,170) |
hsl(169,53%,50%) |
#36b099 |
rgb(54,176,153) |
hsl(169,53%,45%) |
#309c88 |
rgb(48,156,136) |
hsl(169,53%,40%) |
#2a8977 |
rgb(42,137,119) |
hsl(169,53%,35%) |
#247566 |
rgb(36,117,102) |
hsl(169,53%,30%) |
#1e6255 |
rgb(30,98,85) |
hsl(169,53%,25%) |
#184e44 |
rgb(24,78,68) |
hsl(169,53%,20%) |
#123b33 |
rgb(18,59,51) |
hsl(169,53%,15%) |
#0c2722 |
rgb(12,39,34) |
hsl(169,53%,10%) |
#061411 |
rgb(6,20,17) |
hsl(169,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#309C40 |
rgb(48,156,64) |
hsl(129,53%,40%) |
#309C88 |
rgb(48,156,136) |
hsl(169,53%,40%) |
#30699C |
rgb(48,105,156) |
hsl(208,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#46C7AE |
rgb(70,199,174) |
hsl(168,54%,53%) |
#37B59D |
rgb(55,181,157) |
hsl(169,53%,46%) |
#309C88 |
rgb(48,156,136) |
hsl(169,53%,40%) |
#288272 |
rgb(40,130,114) |
hsl(169,53%,33%) |
#206B5C |
rgb(32,107,92) |
hsl(168,54%,27%) |
#185246 |
rgb(24,82,70) |
hsl(168,55%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#309C88 |
rgb(48,156,136) |
hsl(169,53%,40%) |
#9C307A |
rgb(156,48,122) |
hsl(319,53%,40%) |
#9C5230 |
rgb(156,82,48) |
hsl(19,53%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#309C88 |
rgb(48,156,136) |
hsl(169,53%,40%) |
#9C3044 |
rgb(156,48,68) |
hsl(349,53%,40%) |
#309C52 |
rgb(48,156,82) |
hsl(139,53%,40%) |
#9C5230 |
rgb(156,82,48) |
hsl(19,53%,40%) |