HEX #286EC2 color — Mariner

The color #286EC2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

286EC2 color palette from light to dark

HEX RGB HSL
#eef4fc rgb(238,244,252) hsl(213,66%,96%)
#d9e7f7 rgb(217,231,247) hsl(213,66%,91%)
#c4d9f3 rgb(196,217,243) hsl(213,66%,86%)
#afcbef rgb(175,203,239) hsl(213,66%,81%)
#99beea rgb(153,190,234) hsl(213,66%,76%)
#84b0e6 rgb(132,176,230) hsl(213,66%,71%)
#6fa3e2 rgb(111,163,226) hsl(213,66%,66%)
#5a95dd rgb(90,149,221) hsl(213,66%,61%)
#4587d9 rgb(69,135,217) hsl(213,66%,56%)
#307ad5 rgb(48,122,213) hsl(213,66%,51%)
#286ec3 rgb(40,110,195) hsl(213,66%,46%)
#2462ae rgb(36,98,174) hsl(213,66%,41%)
#1f5698 rgb(31,86,152) hsl(213,66%,36%)
#1b4a83 rgb(27,74,131) hsl(213,66%,31%)
#173e6e rgb(23,62,110) hsl(213,66%,26%)
#123259 rgb(18,50,89) hsl(213,66%,21%)
#0e2644 rgb(14,38,68) hsl(213,66%,16%)
#0a1a2f rgb(10,26,47) hsl(213,66%,11%)
#050e19 rgb(5,14,25) hsl(213,66%,6%)
#010204 rgb(1,2,4) hsl(213,66%,1%)

Adjacent colors

HEX RGB HSL
#28C2AF rgb(40,194,175) hsl(173,66%,46%)
#286EC2 rgb(40,110,194) hsl(213,66%,46%)
#4829C2 rgb(72,41,194) hsl(252,65%,46%)

Monochromatic colors

HEX RGB HSL
#5894DC rgb(88,148,220) hsl(213,65%,60%)
#3980D6 rgb(57,128,214) hsl(213,66%,53%)
#286EC2 rgb(40,110,194) hsl(213,66%,46%)
#215CA2 rgb(33,92,162) hsl(213,66%,38%)
#1B4A83 rgb(27,74,131) hsl(213,66%,31%)
#143864 rgb(20,56,100) hsl(213,67%,24%)

Triad color palettes

HEX RGB HSL
#286EC2 rgb(40,110,194) hsl(213,66%,46%)
#C22E28 rgb(194,46,40) hsl(2,66%,46%)
#BBC228 rgb(187,194,40) hsl(63,66%,46%)

Tetrad color palettes

HEX RGB HSL
#286EC2 rgb(40,110,194) hsl(213,66%,46%)
#C27D28 rgb(194,125,40) hsl(33,66%,46%)
#28BAC2 rgb(40,186,194) hsl(183,66%,46%)
#BBC228 rgb(187,194,40) hsl(63,66%,46%)