HEX #307AC0 color — Mariner
The color #307ac0 is a dark shade and moderately saturated.
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%) |