HEX #305CD0 color — Mariner
The color #305CD0 is a dark shade and moderately saturated.
Palette
305CD0 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaeffa |
rgb(234,239,250) |
hsl(224,63%,95%) |
| #d5def6 |
rgb(213,222,246) |
hsl(224,63%,90%) |
| #c1cef1 |
rgb(193,206,241) |
hsl(224,63%,85%) |
| #acbdec |
rgb(172,189,236) |
hsl(224,63%,80%) |
| #97ade7 |
rgb(151,173,231) |
hsl(224,63%,75%) |
| #829ce3 |
rgb(130,156,227) |
hsl(224,63%,70%) |
| #6e8cde |
rgb(110,140,222) |
hsl(224,63%,65%) |
| #597bd9 |
rgb(89,123,217) |
hsl(224,63%,60%) |
| #446bd5 |
rgb(68,107,213) |
hsl(224,63%,55%) |
| #2f5ad0 |
rgb(47,90,208) |
hsl(224,63%,50%) |
| #2a51bb |
rgb(42,81,187) |
hsl(224,63%,45%) |
| #2648a6 |
rgb(38,72,166) |
hsl(224,63%,40%) |
| #213f91 |
rgb(33,63,145) |
hsl(224,63%,35%) |
| #1c367d |
rgb(28,54,125) |
hsl(224,63%,30%) |
| #182d68 |
rgb(24,45,104) |
hsl(224,63%,25%) |
| #132453 |
rgb(19,36,83) |
hsl(224,63%,20%) |
| #0e1b3e |
rgb(14,27,62) |
hsl(224,63%,15%) |
| #09122a |
rgb(9,18,42) |
hsl(224,63%,10%) |
| #050915 |
rgb(5,9,21) |
hsl(224,63%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30C7D0 |
rgb(48,199,208) |
hsl(183,63%,50%) |
| #305CD0 |
rgb(48,92,208) |
hsl(224,63%,50%) |
| #6E30D0 |
rgb(110,48,208) |
hsl(263,63%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7291DF |
rgb(114,145,223) |
hsl(223,63%,66%) |
| #5175D7 |
rgb(81,117,215) |
hsl(224,63%,58%) |
| #305CD0 |
rgb(48,92,208) |
hsl(224,63%,50%) |
| #274DAF |
rgb(39,77,175) |
hsl(223,64%,42%) |
| #203D8D |
rgb(32,61,141) |
hsl(224,63%,34%) |
| #18306C |
rgb(24,48,108) |
hsl(223,64%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305CD0 |
rgb(48,92,208) |
hsl(224,63%,50%) |
| #D05430 |
rgb(208,84,48) |
hsl(14,63%,50%) |
| #ACD130 |
rgb(172,209,48) |
hsl(74,64%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305CD0 |
rgb(48,92,208) |
hsl(224,63%,50%) |
| #D0A330 |
rgb(208,163,48) |
hsl(43,63%,50%) |
| #30ABD0 |
rgb(48,171,208) |
hsl(194,63%,50%) |
| #ACD130 |
rgb(172,209,48) |
hsl(74,64%,50%) |
