HEX #306EC2 color — Mariner
The color #306EC2 is a dark shade and moderately saturated.
Palette
306EC2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(215,60%,97%) |
#dee9f7 |
rgb(222,233,247) |
hsl(215,60%,92%) |
#cadbf2 |
rgb(202,219,242) |
hsl(215,60%,87%) |
#b6cded |
rgb(182,205,237) |
hsl(215,60%,82%) |
#a1bee8 |
rgb(161,190,232) |
hsl(215,60%,77%) |
#8db0e2 |
rgb(141,176,226) |
hsl(215,60%,72%) |
#78a2dd |
rgb(120,162,221) |
hsl(215,60%,67%) |
#6494d8 |
rgb(100,148,216) |
hsl(215,60%,62%) |
#5086d3 |
rgb(80,134,211) |
hsl(215,60%,57%) |
#3b78ce |
rgb(59,120,206) |
hsl(215,60%,52%) |
#306cc0 |
rgb(48,108,192) |
hsl(215,60%,47%) |
#2b60ab |
rgb(43,96,171) |
hsl(215,60%,42%) |
#265597 |
rgb(38,85,151) |
hsl(215,60%,37%) |
#214983 |
rgb(33,73,131) |
hsl(215,60%,32%) |
#1c3e6e |
rgb(28,62,110) |
hsl(215,60%,27%) |
#16325a |
rgb(22,50,90) |
hsl(215,60%,22%) |
#112745 |
rgb(17,39,69) |
hsl(215,60%,17%) |
#0c1c31 |
rgb(12,28,49) |
hsl(215,60%,12%) |
#07101d |
rgb(7,16,29) |
hsl(215,60%,7%) |
#020508 |
rgb(2,5,8) |
hsl(215,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C2B4 |
rgb(48,194,180) |
hsl(174,60%,47%) |
#306EC2 |
rgb(48,110,194) |
hsl(215,60%,47%) |
#5330C2 |
rgb(83,48,194) |
hsl(254,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6696D9 |
rgb(102,150,217) |
hsl(215,60%,63%) |
#4782D1 |
rgb(71,130,209) |
hsl(214,60%,55%) |
#306EC2 |
rgb(48,110,194) |
hsl(215,60%,47%) |
#285CA2 |
rgb(40,92,162) |
hsl(214,60%,40%) |
#204A83 |
rgb(32,74,131) |
hsl(215,61%,32%) |
#183864 |
rgb(24,56,100) |
hsl(215,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EC2 |
rgb(48,110,194) |
hsl(215,60%,47%) |
#C23B30 |
rgb(194,59,48) |
hsl(5,60%,47%) |
#B7C230 |
rgb(183,194,48) |
hsl(65,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EC2 |
rgb(48,110,194) |
hsl(215,60%,47%) |
#C28530 |
rgb(194,133,48) |
hsl(35,60%,47%) |
#30B8C2 |
rgb(48,184,194) |
hsl(184,60%,47%) |
#B7C230 |
rgb(183,194,48) |
hsl(65,60%,47%) |