HEX #305CCF color — Mariner
The color #305CCF is a dark shade and moderately saturated.
Palette
305CCF color palette from light to dark
| HEX |
RGB |
HSL |
| #eaeffa |
rgb(234,239,250) |
hsl(223,62%,95%) |
| #d6dff5 |
rgb(214,223,245) |
hsl(223,62%,90%) |
| #c1cef0 |
rgb(193,206,240) |
hsl(223,62%,85%) |
| #acbeec |
rgb(172,190,236) |
hsl(223,62%,80%) |
| #98aee7 |
rgb(152,174,231) |
hsl(223,62%,75%) |
| #839ee2 |
rgb(131,158,226) |
hsl(223,62%,70%) |
| #6e8edd |
rgb(110,142,221) |
hsl(223,62%,65%) |
| #5a7ed8 |
rgb(90,126,216) |
hsl(223,62%,60%) |
| #456dd3 |
rgb(69,109,211) |
hsl(223,62%,55%) |
| #305dcf |
rgb(48,93,207) |
hsl(223,62%,50%) |
| #2c54ba |
rgb(44,84,186) |
hsl(223,62%,45%) |
| #274ba5 |
rgb(39,75,165) |
hsl(223,62%,40%) |
| #224191 |
rgb(34,65,145) |
hsl(223,62%,35%) |
| #1d387c |
rgb(29,56,124) |
hsl(223,62%,30%) |
| #182f67 |
rgb(24,47,103) |
hsl(223,62%,25%) |
| #132553 |
rgb(19,37,83) |
hsl(223,62%,20%) |
| #0f1c3e |
rgb(15,28,62) |
hsl(223,62%,15%) |
| #0a1329 |
rgb(10,19,41) |
hsl(223,62%,10%) |
| #050915 |
rgb(5,9,21) |
hsl(223,62%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30C7CF |
rgb(48,199,207) |
hsl(183,62%,50%) |
| #305CCF |
rgb(48,92,207) |
hsl(223,62%,50%) |
| #6E30CF |
rgb(110,48,207) |
hsl(263,62%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7291DE |
rgb(114,145,222) |
hsl(223,62%,66%) |
| #5175D6 |
rgb(81,117,214) |
hsl(224,62%,58%) |
| #305CCF |
rgb(48,92,207) |
hsl(223,62%,50%) |
| #284DAD |
rgb(40,77,173) |
hsl(223,62%,42%) |
| #20408C |
rgb(32,64,140) |
hsl(222,63%,34%) |
| #18306B |
rgb(24,48,107) |
hsl(223,63%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305CCF |
rgb(48,92,207) |
hsl(223,62%,50%) |
| #CF5430 |
rgb(207,84,48) |
hsl(14,62%,50%) |
| #ABCF30 |
rgb(171,207,48) |
hsl(74,62%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305CCF |
rgb(48,92,207) |
hsl(223,62%,50%) |
| #CFA330 |
rgb(207,163,48) |
hsl(43,62%,50%) |
| #30ABCF |
rgb(48,171,207) |
hsl(194,62%,50%) |
| #ABCF30 |
rgb(171,207,48) |
hsl(74,62%,50%) |
