HEX #286F8F color — Jelly Bean
The color #286f8f is a dark shade and moderately saturated.
Palette
286f8f color palette from light to dark
HEX |
RGB |
HSL |
#eff7fb |
rgb(239,247,251) |
hsl(199,56%,96%) |
#dbedf5 |
rgb(219,237,245) |
hsl(199,56%,91%) |
#c7e3ef |
rgb(199,227,239) |
hsl(199,56%,86%) |
#b3d8ea |
rgb(179,216,234) |
hsl(199,56%,81%) |
#a0cee4 |
rgb(160,206,228) |
hsl(199,56%,76%) |
#8cc4de |
rgb(140,196,222) |
hsl(199,56%,71%) |
#78bad9 |
rgb(120,186,217) |
hsl(199,56%,66%) |
#64b0d3 |
rgb(100,176,211) |
hsl(199,56%,61%) |
#50a6ce |
rgb(80,166,206) |
hsl(199,56%,56%) |
#3c9cc8 |
rgb(60,156,200) |
hsl(199,56%,51%) |
#348db7 |
rgb(52,141,183) |
hsl(199,56%,46%) |
#2e7ea3 |
rgb(46,126,163) |
hsl(199,56%,41%) |
#286f8f |
rgb(40,111,143) |
hsl(199,56%,36%) |
#235f7b |
rgb(35,95,123) |
hsl(199,56%,31%) |
#1d5067 |
rgb(29,80,103) |
hsl(199,56%,26%) |
#184154 |
rgb(24,65,84) |
hsl(199,56%,21%) |
#123140 |
rgb(18,49,64) |
hsl(199,56%,16%) |
#0c222c |
rgb(12,34,44) |
hsl(199,56%,11%) |
#071218 |
rgb(7,18,24) |
hsl(199,56%,6%) |
#010304 |
rgb(1,3,4) |
hsl(199,56%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#288F6A |
rgb(40,143,106) |
hsl(158,56%,36%) |
#286F8F |
rgb(40,111,143) |
hsl(199,56%,36%) |
#282B8F |
rgb(40,43,143) |
hsl(238,56%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E80A5 |
rgb(46,128,165) |
hsl(199,56%,41%) |
#286F8F |
rgb(40,111,143) |
hsl(199,56%,36%) |
#215E78 |
rgb(33,94,120) |
hsl(198,57%,30%) |
#1B4D61 |
rgb(27,77,97) |
hsl(197,56%,24%) |
#143B4A |
rgb(20,59,74) |
hsl(197,57%,18%) |
#0E2933 |
rgb(14,41,51) |
hsl(196,57%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#286F8F |
rgb(40,111,143) |
hsl(199,56%,36%) |
#8F293B |
rgb(143,41,59) |
hsl(349,55%,36%) |
#8F7A28 |
rgb(143,122,40) |
hsl(48,56%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#286F8F |
rgb(40,111,143) |
hsl(199,56%,36%) |
#8F4728 |
rgb(143,71,40) |
hsl(18,56%,36%) |
#288F7B |
rgb(40,143,123) |
hsl(168,56%,36%) |
#8F7A28 |
rgb(143,122,40) |
hsl(48,56%,36%) |