HEX #0CA678 color — Gossamer
The color #0ca678 is a light shade and highly saturated.
Palette
0ca678 color palette from light to dark
HEX |
RGB |
HSL |
#e7fdf7 |
rgb(231,253,247) |
hsl(162,87%,95%) |
#cffcee |
rgb(207,252,238) |
hsl(162,87%,90%) |
#b7fae6 |
rgb(183,250,230) |
hsl(162,87%,85%) |
#a0f8de |
rgb(160,248,222) |
hsl(162,87%,80%) |
#88f7d5 |
rgb(136,247,213) |
hsl(162,87%,75%) |
#70f5cd |
rgb(112,245,205) |
hsl(162,87%,70%) |
#58f3c5 |
rgb(88,243,197) |
hsl(162,87%,65%) |
#40f2bc |
rgb(64,242,188) |
hsl(162,87%,60%) |
#28f0b4 |
rgb(40,240,180) |
hsl(162,87%,55%) |
#11eeac |
rgb(17,238,172) |
hsl(162,87%,50%) |
#0fd79b |
rgb(15,215,155) |
hsl(162,87%,45%) |
#0dbf89 |
rgb(13,191,137) |
hsl(162,87%,40%) |
#0ca778 |
rgb(12,167,120) |
hsl(162,87%,35%) |
#0a8f67 |
rgb(10,143,103) |
hsl(162,87%,30%) |
#087756 |
rgb(8,119,86) |
hsl(162,87%,25%) |
#075f45 |
rgb(7,95,69) |
hsl(162,87%,20%) |
#054834 |
rgb(5,72,52) |
hsl(162,87%,15%) |
#033022 |
rgb(3,48,34) |
hsl(162,87%,10%) |
#021811 |
rgb(2,24,17) |
hsl(162,87%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#0CA611 |
rgb(12,166,17) |
hsl(122,87%,35%) |
#0CA678 |
rgb(12,166,120) |
hsl(162,87%,35%) |
#0C6EA6 |
rgb(12,110,166) |
hsl(202,87%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#0DC28B |
rgb(13,194,139) |
hsl(162,87%,41%) |
#0CA678 |
rgb(12,166,120) |
hsl(162,87%,35%) |
#0A8C64 |
rgb(10,140,100) |
hsl(162,87%,29%) |
#087051 |
rgb(8,112,81) |
hsl(162,87%,24%) |
#06573E |
rgb(6,87,62) |
hsl(161,87%,18%) |
#043B2B |
rgb(4,59,43) |
hsl(163,87%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#0CA678 |
rgb(12,166,120) |
hsl(162,87%,35%) |
#A60D87 |
rgb(166,13,135) |
hsl(312,85%,35%) |
#A62B0C |
rgb(166,43,12) |
hsl(12,87%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#0CA678 |
rgb(12,166,120) |
hsl(162,87%,35%) |
#A60D3A |
rgb(166,13,58) |
hsl(342,85%,35%) |
#0CA62B |
rgb(12,166,43) |
hsl(132,87%,35%) |
#A62B0C |
rgb(166,43,12) |
hsl(12,87%,35%) |