HEX #307AC0 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

307ac0 color palette from light to dark

HEX RGB HSL
#f3f8fc rgb(243,248,252) hsl(209,60%,97%)
#deebf7 rgb(222,235,247) hsl(209,60%,92%)
#cadff2 rgb(202,223,242) hsl(209,60%,87%)
#b6d2ed rgb(182,210,237) hsl(209,60%,82%)
#a1c6e8 rgb(161,198,232) hsl(209,60%,77%)
#8db9e2 rgb(141,185,226) hsl(209,60%,72%)
#78addd rgb(120,173,221) hsl(209,60%,67%)
#64a0d8 rgb(100,160,216) hsl(209,60%,62%)
#5094d3 rgb(80,148,211) hsl(209,60%,57%)
#3b87ce rgb(59,135,206) hsl(209,60%,52%)
#307ac0 rgb(48,122,192) hsl(209,60%,47%)
#2b6dab rgb(43,109,171) hsl(209,60%,42%)
#266097 rgb(38,96,151) hsl(209,60%,37%)
#215383 rgb(33,83,131) hsl(209,60%,32%)
#1c466e rgb(28,70,110) hsl(209,60%,27%)
#16395a rgb(22,57,90) hsl(209,60%,22%)
#112c45 rgb(17,44,69) hsl(209,60%,17%)
#0c1f31 rgb(12,31,49) hsl(209,60%,12%)
#07121d rgb(7,18,29) hsl(209,60%,7%)
#020508 rgb(2,5,8) hsl(209,60%,2%)

Adjacent colors

HEX RGB HSL
#30BFA6 rgb(48,191,166) hsl(170,60%,47%)
#307AC0 rgb(48,122,192) hsl(209,60%,47%)
#4630C0 rgb(70,48,192) hsl(249,60%,47%)

Monochromatic colors

HEX RGB HSL
#64A1D8 rgb(100,161,216) hsl(208,60%,62%)
#458CD0 rgb(69,140,208) hsl(209,60%,54%)
#307AC0 rgb(48,122,192) hsl(209,60%,47%)
#2866A1 rgb(40,102,161) hsl(209,60%,39%)
#205482 rgb(32,84,130) hsl(208,60%,32%)
#184063 rgb(24,64,99) hsl(208,61%,24%)

Triad color palettes

HEX RGB HSL
#307AC0 rgb(48,122,192) hsl(209,60%,47%)
#C03032 rgb(192,48,50) hsl(359,60%,47%)
#C0BF30 rgb(192,191,48) hsl(60,60%,47%)

Tetrad color palettes

HEX RGB HSL
#307AC0 rgb(48,122,192) hsl(209,60%,47%)
#C07530 rgb(192,117,48) hsl(29,60%,47%)
#30BFBE rgb(48,191,190) hsl(180,60%,47%)
#C0BF30 rgb(192,191,48) hsl(60,60%,47%)