HEX #30A8C0 color — Pelorous
The color #30a8c0 is a light shade and moderately saturated.
Palette
30a8c0 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafc |
rgb(243,250,252) |
hsl(190,60%,97%) |
#def3f7 |
rgb(222,243,247) |
hsl(190,60%,92%) |
#caebf2 |
rgb(202,235,242) |
hsl(190,60%,87%) |
#b6e3ed |
rgb(182,227,237) |
hsl(190,60%,82%) |
#a1dce8 |
rgb(161,220,232) |
hsl(190,60%,77%) |
#8dd4e2 |
rgb(141,212,226) |
hsl(190,60%,72%) |
#78cddd |
rgb(120,205,221) |
hsl(190,60%,67%) |
#64c5d8 |
rgb(100,197,216) |
hsl(190,60%,62%) |
#50bdd3 |
rgb(80,189,211) |
hsl(190,60%,57%) |
#3bb6ce |
rgb(59,182,206) |
hsl(190,60%,52%) |
#30a8c0 |
rgb(48,168,192) |
hsl(190,60%,47%) |
#2b96ab |
rgb(43,150,171) |
hsl(190,60%,42%) |
#268497 |
rgb(38,132,151) |
hsl(190,60%,37%) |
#217283 |
rgb(33,114,131) |
hsl(190,60%,32%) |
#1c606e |
rgb(28,96,110) |
hsl(190,60%,27%) |
#164f5a |
rgb(22,79,90) |
hsl(190,60%,22%) |
#113d45 |
rgb(17,61,69) |
hsl(190,60%,17%) |
#0c2b31 |
rgb(12,43,49) |
hsl(190,60%,12%) |
#07191d |
rgb(7,25,29) |
hsl(190,60%,7%) |
#020708 |
rgb(2,7,8) |
hsl(190,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30BF78 |
rgb(48,191,120) |
hsl(150,60%,47%) |
#30A8C0 |
rgb(48,168,192) |
hsl(190,60%,47%) |
#3047C0 |
rgb(48,71,192) |
hsl(230,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#64C4D8 |
rgb(100,196,216) |
hsl(190,60%,62%) |
#45BAD0 |
rgb(69,186,208) |
hsl(189,60%,54%) |
#30A8C0 |
rgb(48,168,192) |
hsl(190,60%,47%) |
#288CA1 |
rgb(40,140,161) |
hsl(190,60%,39%) |
#207382 |
rgb(32,115,130) |
hsl(189,60%,32%) |
#185763 |
rgb(24,87,99) |
hsl(190,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#30A8C0 |
rgb(48,168,192) |
hsl(190,60%,47%) |
#C03060 |
rgb(192,48,96) |
hsl(340,60%,47%) |
#C08F30 |
rgb(192,143,48) |
hsl(40,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#30A8C0 |
rgb(48,168,192) |
hsl(190,60%,47%) |
#C04730 |
rgb(192,71,48) |
hsl(10,60%,47%) |
#30BF90 |
rgb(48,191,144) |
hsl(160,60%,47%) |
#C08F30 |
rgb(192,143,48) |
hsl(40,60%,47%) |