HEX #307AC2 color — Mariner

The color #307AC2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

307AC2 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(210,60%,97%)
#deebf7 rgb(222,235,247) hsl(210,60%,92%)
#cadef2 rgb(202,222,242) hsl(210,60%,87%)
#b6d1ed rgb(182,209,237) hsl(210,60%,82%)
#a1c4e8 rgb(161,196,232) hsl(210,60%,77%)
#8db8e2 rgb(141,184,226) hsl(210,60%,72%)
#78abdd rgb(120,171,221) hsl(210,60%,67%)
#649ed8 rgb(100,158,216) hsl(210,60%,62%)
#5091d3 rgb(80,145,211) hsl(210,60%,57%)
#3b85ce rgb(59,133,206) hsl(210,60%,52%)
#3078c0 rgb(48,120,192) hsl(210,60%,47%)
#2b6bab rgb(43,107,171) hsl(210,60%,42%)
#265e97 rgb(38,94,151) hsl(210,60%,37%)
#215283 rgb(33,82,131) hsl(210,60%,32%)
#1c456e rgb(28,69,110) hsl(210,60%,27%)
#16385a rgb(22,56,90) hsl(210,60%,22%)
#112b45 rgb(17,43,69) hsl(210,60%,17%)
#0c1f31 rgb(12,31,49) hsl(210,60%,12%)
#07121d rgb(7,18,29) hsl(210,60%,7%)
#020508 rgb(2,5,8) hsl(210,60%,2%)

Adjacent colors

HEX RGB HSL
#30C2A8 rgb(48,194,168) hsl(169,60%,47%)
#307AC2 rgb(48,122,194) hsl(210,60%,47%)
#4730C2 rgb(71,48,194) hsl(249,60%,47%)

Monochromatic colors

HEX RGB HSL
#66A1D9 rgb(102,161,217) hsl(209,60%,63%)
#478CD1 rgb(71,140,209) hsl(210,60%,55%)
#307AC2 rgb(48,122,194) hsl(210,60%,47%)
#2866A2 rgb(40,102,162) hsl(210,60%,40%)
#205483 rgb(32,84,131) hsl(208,61%,32%)
#184064 rgb(24,64,100) hsl(208,61%,24%)

Triad color palettes

HEX RGB HSL
#307AC2 rgb(48,122,194) hsl(210,60%,47%)
#C23031 rgb(194,48,49) hsl(360,60%,47%)
#C2C230 rgb(194,194,48) hsl(60,60%,47%)

Tetrad color palettes

HEX RGB HSL
#307AC2 rgb(48,122,194) hsl(210,60%,47%)
#C27830 rgb(194,120,48) hsl(30,60%,47%)
#30C2C1 rgb(48,194,193) hsl(180,60%,47%)
#C2C230 rgb(194,194,48) hsl(60,60%,47%)