HEX #286CA4 color — Jelly Bean
The color #286ca4 is a dark shade and moderately saturated.
Palette
286ca4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf3fa |
rgb(234,243,250) |
hsl(207,61%,95%) |
| #d6e7f5 |
rgb(214,231,245) |
hsl(207,61%,90%) |
| #c1dbf0 |
rgb(193,219,240) |
hsl(207,61%,85%) |
| #adcfeb |
rgb(173,207,235) |
hsl(207,61%,80%) |
| #98c3e6 |
rgb(152,195,230) |
hsl(207,61%,75%) |
| #84b7e1 |
rgb(132,183,225) |
hsl(207,61%,70%) |
| #6fabdc |
rgb(111,171,220) |
hsl(207,61%,65%) |
| #5b9fd7 |
rgb(91,159,215) |
hsl(207,61%,60%) |
| #4693d2 |
rgb(70,147,210) |
hsl(207,61%,55%) |
| #3287cd |
rgb(50,135,205) |
hsl(207,61%,50%) |
| #2d7ab9 |
rgb(45,122,185) |
hsl(207,61%,45%) |
| #286ca4 |
rgb(40,108,164) |
hsl(207,61%,40%) |
| #235f90 |
rgb(35,95,144) |
hsl(207,61%,35%) |
| #1e517b |
rgb(30,81,123) |
hsl(207,61%,30%) |
| #194467 |
rgb(25,68,103) |
hsl(207,61%,25%) |
| #143652 |
rgb(20,54,82) |
hsl(207,61%,20%) |
| #0f293e |
rgb(15,41,62) |
hsl(207,61%,15%) |
| #0a1b29 |
rgb(10,27,41) |
hsl(207,61%,10%) |
| #050e15 |
rgb(5,14,21) |
hsl(207,61%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #28A389 |
rgb(40,163,137) |
hsl(167,61%,40%) |
| #286CA4 |
rgb(40,108,164) |
hsl(207,61%,40%) |
| #3629A4 |
rgb(54,41,164) |
hsl(246,60%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3D8FCF |
rgb(61,143,207) |
hsl(206,60%,53%) |
| #2E7DBE |
rgb(46,125,190) |
hsl(207,61%,46%) |
| #286CA4 |
rgb(40,108,164) |
hsl(207,61%,40%) |
| #215C89 |
rgb(33,92,137) |
hsl(206,61%,33%) |
| #1B4A6F |
rgb(27,74,111) |
hsl(206,61%,27%) |
| #143855 |
rgb(20,56,85) |
hsl(207,62%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #286CA4 |
rgb(40,108,164) |
hsl(207,61%,40%) |
| #A4292E |
rgb(164,41,46) |
hsl(358,60%,40%) |
| #A49E28 |
rgb(164,158,40) |
hsl(57,61%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #286CA4 |
rgb(40,108,164) |
hsl(207,61%,40%) |
| #A46128 |
rgb(164,97,40) |
hsl(28,61%,40%) |
| #28A39E |
rgb(40,163,158) |
hsl(178,61%,40%) |
| #A49E28 |
rgb(164,158,40) |
hsl(57,61%,40%) |
