HEX #286F8A color — Jelly Bean
The color #286f8a is a dark shade and moderately saturated.
Palette
286f8a color palette from light to dark
HEX |
RGB |
HSL |
#ebf5f9 |
rgb(235,245,249) |
hsl(197,55%,95%) |
#d7ecf4 |
rgb(215,236,244) |
hsl(197,55%,90%) |
#c4e2ee |
rgb(196,226,238) |
hsl(197,55%,85%) |
#b0d8e8 |
rgb(176,216,232) |
hsl(197,55%,80%) |
#9ccee2 |
rgb(156,206,226) |
hsl(197,55%,75%) |
#88c5dd |
rgb(136,197,221) |
hsl(197,55%,70%) |
#75bbd7 |
rgb(117,187,215) |
hsl(197,55%,65%) |
#61b1d1 |
rgb(97,177,209) |
hsl(197,55%,60%) |
#4da8cb |
rgb(77,168,203) |
hsl(197,55%,55%) |
#399ec6 |
rgb(57,158,198) |
hsl(197,55%,50%) |
#348eb2 |
rgb(52,142,178) |
hsl(197,55%,45%) |
#2e7e9e |
rgb(46,126,158) |
hsl(197,55%,40%) |
#286f8a |
rgb(40,111,138) |
hsl(197,55%,35%) |
#225f77 |
rgb(34,95,119) |
hsl(197,55%,30%) |
#1d4f63 |
rgb(29,79,99) |
hsl(197,55%,25%) |
#173f4f |
rgb(23,63,79) |
hsl(197,55%,20%) |
#112f3b |
rgb(17,47,59) |
hsl(197,55%,15%) |
#0b2028 |
rgb(11,32,40) |
hsl(197,55%,10%) |
#061014 |
rgb(6,16,20) |
hsl(197,55%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#288A63 |
rgb(40,138,99) |
hsl(156,55%,35%) |
#286F8A |
rgb(40,111,138) |
hsl(197,55%,35%) |
#282E8A |
rgb(40,46,138) |
hsl(236,55%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E80A0 |
rgb(46,128,160) |
hsl(197,55%,40%) |
#286F8A |
rgb(40,111,138) |
hsl(197,55%,35%) |
#215E73 |
rgb(33,94,115) |
hsl(195,55%,29%) |
#1B4D5D |
rgb(27,77,93) |
hsl(195,55%,24%) |
#143B47 |
rgb(20,59,71) |
hsl(194,56%,18%) |
#0E2931 |
rgb(14,41,49) |
hsl(194,56%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#286F8A |
rgb(40,111,138) |
hsl(197,55%,35%) |
#8A293E |
rgb(138,41,62) |
hsl(347,54%,35%) |
#8A7328 |
rgb(138,115,40) |
hsl(46,55%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#286F8A |
rgb(40,111,138) |
hsl(197,55%,35%) |
#8A4228 |
rgb(138,66,40) |
hsl(16,55%,35%) |
#288A74 |
rgb(40,138,116) |
hsl(167,55%,35%) |
#8A7328 |
rgb(138,115,40) |
hsl(46,55%,35%) |