HEX #306EC2 color — Mariner

The color #306EC2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)