HEX #30A696 color — Keppel
The color #30a696 is a light shade and moderately saturated.
Palette
30a696 color palette from light to dark
HEX |
RGB |
HSL |
#f3fcfa |
rgb(243,252,250) |
hsl(172,55%,97%) |
#dff6f3 |
rgb(223,246,243) |
hsl(172,55%,92%) |
#ccf0eb |
rgb(204,240,235) |
hsl(172,55%,87%) |
#b8eae4 |
rgb(184,234,228) |
hsl(172,55%,82%) |
#a4e5dc |
rgb(164,229,220) |
hsl(172,55%,77%) |
#90dfd4 |
rgb(144,223,212) |
hsl(172,55%,72%) |
#7dd9cd |
rgb(125,217,205) |
hsl(172,55%,67%) |
#69d3c5 |
rgb(105,211,197) |
hsl(172,55%,62%) |
#55cebe |
rgb(85,206,190) |
hsl(172,55%,57%) |
#41c8b6 |
rgb(65,200,182) |
hsl(172,55%,52%) |
#36baa8 |
rgb(54,186,168) |
hsl(172,55%,47%) |
#30a696 |
rgb(48,166,150) |
hsl(172,55%,42%) |
#2a9284 |
rgb(42,146,132) |
hsl(172,55%,37%) |
#257e73 |
rgb(37,126,115) |
hsl(172,55%,32%) |
#1f6b61 |
rgb(31,107,97) |
hsl(172,55%,27%) |
#19574f |
rgb(25,87,79) |
hsl(172,55%,22%) |
#14433d |
rgb(20,67,61) |
hsl(172,55%,17%) |
#0e2f2b |
rgb(14,47,43) |
hsl(172,55%,12%) |
#081c19 |
rgb(8,28,25) |
hsl(172,55%,7%) |
#020807 |
rgb(2,8,7) |
hsl(172,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A647 |
rgb(48,166,71) |
hsl(132,55%,42%) |
#30A696 |
rgb(48,166,150) |
hsl(172,55%,42%) |
#3069A6 |
rgb(48,105,166) |
hsl(211,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4ECCBA |
rgb(78,204,186) |
hsl(171,55%,55%) |
#37C2AE |
rgb(55,194,174) |
hsl(171,56%,49%) |
#30A696 |
rgb(48,166,150) |
hsl(172,55%,42%) |
#288C7E |
rgb(40,140,126) |
hsl(172,56%,35%) |
#207066 |
rgb(32,112,102) |
hsl(173,56%,28%) |
#18574E |
rgb(24,87,78) |
hsl(171,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#30A696 |
rgb(48,166,150) |
hsl(172,55%,42%) |
#A6307B |
rgb(166,48,123) |
hsl(322,55%,42%) |
#A65C30 |
rgb(166,92,48) |
hsl(22,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#30A696 |
rgb(48,166,150) |
hsl(172,55%,42%) |
#A63040 |
rgb(166,48,64) |
hsl(352,55%,42%) |
#30A65B |
rgb(48,166,91) |
hsl(142,55%,42%) |
#A65C30 |
rgb(166,92,48) |
hsl(22,55%,42%) |