HEX #286BBD color — Mariner
The color #286bbd is a dark shade and moderately saturated.
Palette
286bbd color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(213,65%,95%) |
#d5e4f6 |
rgb(213,228,246) |
hsl(213,65%,90%) |
#c0d6f2 |
rgb(192,214,242) |
hsl(213,65%,85%) |
#abc9ed |
rgb(171,201,237) |
hsl(213,65%,80%) |
#96bbe9 |
rgb(150,187,233) |
hsl(213,65%,75%) |
#81aee4 |
rgb(129,174,228) |
hsl(213,65%,70%) |
#6ca0e0 |
rgb(108,160,224) |
hsl(213,65%,65%) |
#5792db |
rgb(87,146,219) |
hsl(213,65%,60%) |
#4285d7 |
rgb(66,133,215) |
hsl(213,65%,55%) |
#2d77d2 |
rgb(45,119,210) |
hsl(213,65%,50%) |
#286bbd |
rgb(40,107,189) |
hsl(213,65%,45%) |
#245fa8 |
rgb(36,95,168) |
hsl(213,65%,40%) |
#1f5393 |
rgb(31,83,147) |
hsl(213,65%,35%) |
#1b487e |
rgb(27,72,126) |
hsl(213,65%,30%) |
#163c69 |
rgb(22,60,105) |
hsl(213,65%,25%) |
#123054 |
rgb(18,48,84) |
hsl(213,65%,20%) |
#0d243f |
rgb(13,36,63) |
hsl(213,65%,15%) |
#09182a |
rgb(9,24,42) |
hsl(213,65%,10%) |
#040c15 |
rgb(4,12,21) |
hsl(213,65%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#28BDAB |
rgb(40,189,171) |
hsl(173,65%,45%) |
#286BBD |
rgb(40,107,189) |
hsl(213,65%,45%) |
#4829BD |
rgb(72,41,189) |
hsl(253,64%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5391DA |
rgb(83,145,218) |
hsl(212,65%,59%) |
#357DD4 |
rgb(53,125,212) |
hsl(213,65%,52%) |
#286BBD |
rgb(40,107,189) |
hsl(213,65%,45%) |
#21599E |
rgb(33,89,158) |
hsl(213,65%,37%) |
#1B4A80 |
rgb(27,74,128) |
hsl(212,65%,30%) |
#143862 |
rgb(20,56,98) |
hsl(212,66%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#286BBD |
rgb(40,107,189) |
hsl(213,65%,45%) |
#BD3028 |
rgb(189,48,40) |
hsl(3,65%,45%) |
#B5BD28 |
rgb(181,189,40) |
hsl(63,65%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#286BBD |
rgb(40,107,189) |
hsl(213,65%,45%) |
#BD7A28 |
rgb(189,122,40) |
hsl(33,65%,45%) |
#28B5BD |
rgb(40,181,189) |
hsl(183,65%,45%) |
#B5BD28 |
rgb(181,189,40) |
hsl(63,65%,45%) |