HEX #306BD0 color — Mariner
The color #306BD0 is a dark shade and moderately saturated.
Palette
306BD0 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf0fa |
rgb(234,240,250) |
hsl(218,63%,95%) |
| #d5e1f6 |
rgb(213,225,246) |
hsl(218,63%,90%) |
| #c1d2f1 |
rgb(193,210,241) |
hsl(218,63%,85%) |
| #acc3ec |
rgb(172,195,236) |
hsl(218,63%,80%) |
| #97b5e7 |
rgb(151,181,231) |
hsl(218,63%,75%) |
| #82a6e3 |
rgb(130,166,227) |
hsl(218,63%,70%) |
| #6e97de |
rgb(110,151,222) |
hsl(218,63%,65%) |
| #5988d9 |
rgb(89,136,217) |
hsl(218,63%,60%) |
| #4479d5 |
rgb(68,121,213) |
hsl(218,63%,55%) |
| #2f6ad0 |
rgb(47,106,208) |
hsl(218,63%,50%) |
| #2a5fbb |
rgb(42,95,187) |
hsl(218,63%,45%) |
| #2655a6 |
rgb(38,85,166) |
hsl(218,63%,40%) |
| #214a91 |
rgb(33,74,145) |
hsl(218,63%,35%) |
| #1c407d |
rgb(28,64,125) |
hsl(218,63%,30%) |
| #183568 |
rgb(24,53,104) |
hsl(218,63%,25%) |
| #132a53 |
rgb(19,42,83) |
hsl(218,63%,20%) |
| #0e203e |
rgb(14,32,62) |
hsl(218,63%,15%) |
| #09152a |
rgb(9,21,42) |
hsl(218,63%,10%) |
| #050b15 |
rgb(5,11,21) |
hsl(218,63%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30D1CA |
rgb(48,209,202) |
hsl(177,64%,50%) |
| #306BD0 |
rgb(48,107,208) |
hsl(218,63%,50%) |
| #5F30D0 |
rgb(95,48,208) |
hsl(258,63%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #729CDF |
rgb(114,156,223) |
hsl(217,63%,66%) |
| #5182D7 |
rgb(81,130,215) |
hsl(218,63%,58%) |
| #306BD0 |
rgb(48,107,208) |
hsl(218,63%,50%) |
| #2759AF |
rgb(39,89,175) |
hsl(218,64%,42%) |
| #20478D |
rgb(32,71,141) |
hsl(219,63%,34%) |
| #18386C |
rgb(24,56,108) |
hsl(217,64%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306BD0 |
rgb(48,107,208) |
hsl(218,63%,50%) |
| #D04530 |
rgb(208,69,48) |
hsl(8,63%,50%) |
| #BBD130 |
rgb(187,209,48) |
hsl(68,64%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306BD0 |
rgb(48,107,208) |
hsl(218,63%,50%) |
| #D09430 |
rgb(208,148,48) |
hsl(38,63%,50%) |
| #30BAD0 |
rgb(48,186,208) |
hsl(188,63%,50%) |
| #BBD130 |
rgb(187,209,48) |
hsl(68,64%,50%) |
