HEX #308CAE color — Astral
The color #308CAE is a dark shade and moderately saturated.
Palette
308CAE color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(196,57%,99%) |
#e7f4f8 |
rgb(231,244,248) |
hsl(196,57%,94%) |
#d3eaf3 |
rgb(211,234,243) |
hsl(196,57%,89%) |
#bfe1ed |
rgb(191,225,237) |
hsl(196,57%,84%) |
#abd8e8 |
rgb(171,216,232) |
hsl(196,57%,79%) |
#97cee2 |
rgb(151,206,226) |
hsl(196,57%,74%) |
#83c5dd |
rgb(131,197,221) |
hsl(196,57%,69%) |
#6fbcd8 |
rgb(111,188,216) |
hsl(196,57%,64%) |
#5bb2d2 |
rgb(91,178,210) |
hsl(196,57%,59%) |
#47a9cd |
rgb(71,169,205) |
hsl(196,57%,54%) |
#369ec4 |
rgb(54,158,196) |
hsl(196,57%,49%) |
#308eb0 |
rgb(48,142,176) |
hsl(196,57%,44%) |
#2b7e9c |
rgb(43,126,156) |
hsl(196,57%,39%) |
#256e88 |
rgb(37,110,136) |
hsl(196,57%,34%) |
#205e74 |
rgb(32,94,116) |
hsl(196,57%,29%) |
#1a4d60 |
rgb(26,77,96) |
hsl(196,57%,24%) |
#153d4c |
rgb(21,61,76) |
hsl(196,57%,19%) |
#0f2d38 |
rgb(15,45,56) |
hsl(196,57%,14%) |
#0a1d24 |
rgb(10,29,36) |
hsl(196,57%,9%) |
#040d10 |
rgb(4,13,16) |
hsl(196,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30AD7C |
rgb(48,173,124) |
hsl(156,57%,43%) |
#308CAE |
rgb(48,140,174) |
hsl(196,57%,44%) |
#3038AE |
rgb(48,56,174) |
hsl(236,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#54B0D0 |
rgb(84,176,208) |
hsl(195,57%,57%) |
#39A1C8 |
rgb(57,161,200) |
hsl(196,57%,50%) |
#308CAE |
rgb(48,140,174) |
hsl(196,57%,44%) |
#287592 |
rgb(40,117,146) |
hsl(196,57%,36%) |
#205E76 |
rgb(32,94,118) |
hsl(197,57%,29%) |
#184A5A |
rgb(24,74,90) |
hsl(195,58%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#308CAE |
rgb(48,140,174) |
hsl(196,57%,44%) |
#AE304D |
rgb(174,48,77) |
hsl(346,57%,44%) |
#AE9130 |
rgb(174,145,48) |
hsl(46,57%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#308CAE |
rgb(48,140,174) |
hsl(196,57%,44%) |
#AE5230 |
rgb(174,82,48) |
hsl(16,57%,44%) |
#30AD91 |
rgb(48,173,145) |
hsl(167,57%,43%) |
#AE9130 |
rgb(174,145,48) |
hsl(46,57%,44%) |