HEX #306BC8 color — Mariner
The color #306BC8 is a dark shade and moderately saturated.
Palette
306BC8 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,61%,99%) |
#e6eef9 |
rgb(230,238,249) |
hsl(217,61%,94%) |
#d2dff4 |
rgb(210,223,244) |
hsl(217,61%,89%) |
#bdd0ef |
rgb(189,208,239) |
hsl(217,61%,84%) |
#a9c2ea |
rgb(169,194,234) |
hsl(217,61%,79%) |
#94b3e5 |
rgb(148,179,229) |
hsl(217,61%,74%) |
#80a5e0 |
rgb(128,165,224) |
hsl(217,61%,69%) |
#6b96db |
rgb(107,150,219) |
hsl(217,61%,64%) |
#5788d6 |
rgb(87,136,214) |
hsl(217,61%,59%) |
#4279d1 |
rgb(66,121,209) |
hsl(217,61%,54%) |
#316bc9 |
rgb(49,107,201) |
hsl(217,61%,49%) |
#2c60b5 |
rgb(44,96,181) |
hsl(217,61%,44%) |
#2755a0 |
rgb(39,85,160) |
hsl(217,61%,39%) |
#224a8c |
rgb(34,74,140) |
hsl(217,61%,34%) |
#1d3f77 |
rgb(29,63,119) |
hsl(217,61%,29%) |
#183463 |
rgb(24,52,99) |
hsl(217,61%,24%) |
#132a4e |
rgb(19,42,78) |
hsl(217,61%,19%) |
#0e1f39 |
rgb(14,31,57) |
hsl(217,61%,14%) |
#091425 |
rgb(9,20,37) |
hsl(217,61%,9%) |
#040910 |
rgb(4,9,16) |
hsl(217,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C7BF |
rgb(48,199,191) |
hsl(177,61%,48%) |
#306BC8 |
rgb(48,107,200) |
hsl(217,61%,49%) |
#5A30C8 |
rgb(90,48,200) |
hsl(257,61%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B96DB |
rgb(107,150,219) |
hsl(217,61%,64%) |
#4B80D3 |
rgb(75,128,211) |
hsl(217,61%,56%) |
#306BC8 |
rgb(48,107,200) |
hsl(217,61%,49%) |
#2859A8 |
rgb(40,89,168) |
hsl(217,62%,41%) |
#204A88 |
rgb(32,74,136) |
hsl(216,62%,33%) |
#183868 |
rgb(24,56,104) |
hsl(216,63%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BC8 |
rgb(48,107,200) |
hsl(217,61%,49%) |
#C84030 |
rgb(200,64,48) |
hsl(6,61%,49%) |
#B7C730 |
rgb(183,199,48) |
hsl(66,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BC8 |
rgb(48,107,200) |
hsl(217,61%,49%) |
#C88C30 |
rgb(200,140,48) |
hsl(36,61%,49%) |
#30B8C8 |
rgb(48,184,200) |
hsl(186,61%,49%) |
#B7C730 |
rgb(183,199,48) |
hsl(66,61%,48%) |