HEX #306EA6 color — Astral
The color #306EA6 is a dark shade and moderately saturated.
Palette
306EA6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(208,55%,97%) |
#dfebf6 |
rgb(223,235,246) |
hsl(208,55%,92%) |
#ccdff0 |
rgb(204,223,240) |
hsl(208,55%,87%) |
#b8d3ea |
rgb(184,211,234) |
hsl(208,55%,82%) |
#a4c7e5 |
rgb(164,199,229) |
hsl(208,55%,77%) |
#90badf |
rgb(144,186,223) |
hsl(208,55%,72%) |
#7daed9 |
rgb(125,174,217) |
hsl(208,55%,67%) |
#69a2d3 |
rgb(105,162,211) |
hsl(208,55%,62%) |
#5595ce |
rgb(85,149,206) |
hsl(208,55%,57%) |
#4189c8 |
rgb(65,137,200) |
hsl(208,55%,52%) |
#367cba |
rgb(54,124,186) |
hsl(208,55%,47%) |
#306fa6 |
rgb(48,111,166) |
hsl(208,55%,42%) |
#2a6292 |
rgb(42,98,146) |
hsl(208,55%,37%) |
#25557e |
rgb(37,85,126) |
hsl(208,55%,32%) |
#1f476b |
rgb(31,71,107) |
hsl(208,55%,27%) |
#193a57 |
rgb(25,58,87) |
hsl(208,55%,22%) |
#142d43 |
rgb(20,45,67) |
hsl(208,55%,17%) |
#0e202f |
rgb(14,32,47) |
hsl(208,55%,12%) |
#08131c |
rgb(8,19,28) |
hsl(208,55%,7%) |
#020508 |
rgb(2,5,8) |
hsl(208,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A68F |
rgb(48,166,143) |
hsl(168,55%,42%) |
#306EA6 |
rgb(48,110,166) |
hsl(208,55%,42%) |
#4030A6 |
rgb(64,48,166) |
hsl(248,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E91CB |
rgb(78,145,203) |
hsl(208,55%,55%) |
#3780C0 |
rgb(55,128,192) |
hsl(208,55%,48%) |
#306EA6 |
rgb(48,110,166) |
hsl(208,55%,42%) |
#285C8B |
rgb(40,92,139) |
hsl(208,55%,35%) |
#204A70 |
rgb(32,74,112) |
hsl(209,56%,28%) |
#183856 |
rgb(24,56,86) |
hsl(209,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EA6 |
rgb(48,110,166) |
hsl(208,55%,42%) |
#A63033 |
rgb(166,48,51) |
hsl(358,55%,42%) |
#A6A330 |
rgb(166,163,48) |
hsl(58,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EA6 |
rgb(48,110,166) |
hsl(208,55%,42%) |
#A66930 |
rgb(166,105,48) |
hsl(29,55%,42%) |
#30A6A3 |
rgb(48,166,163) |
hsl(178,55%,42%) |
#A6A330 |
rgb(166,163,48) |
hsl(58,55%,42%) |