HEX #286BA5 color — Jelly Bean
The color #286BA5 is a dark shade and moderately saturated.
Palette
286BA5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf3fa |
rgb(234,243,250) |
hsl(208,61%,95%) |
| #d6e7f5 |
rgb(214,231,245) |
hsl(208,61%,90%) |
| #c1daf0 |
rgb(193,218,240) |
hsl(208,61%,85%) |
| #adceeb |
rgb(173,206,235) |
hsl(208,61%,80%) |
| #98c2e6 |
rgb(152,194,230) |
hsl(208,61%,75%) |
| #84b6e1 |
rgb(132,182,225) |
hsl(208,61%,70%) |
| #6fa9dc |
rgb(111,169,220) |
hsl(208,61%,65%) |
| #5b9dd7 |
rgb(91,157,215) |
hsl(208,61%,60%) |
| #4691d2 |
rgb(70,145,210) |
hsl(208,61%,55%) |
| #3285cd |
rgb(50,133,205) |
hsl(208,61%,50%) |
| #2d77b9 |
rgb(45,119,185) |
hsl(208,61%,45%) |
| #286aa4 |
rgb(40,106,164) |
hsl(208,61%,40%) |
| #235d90 |
rgb(35,93,144) |
hsl(208,61%,35%) |
| #1e507b |
rgb(30,80,123) |
hsl(208,61%,30%) |
| #194267 |
rgb(25,66,103) |
hsl(208,61%,25%) |
| #143552 |
rgb(20,53,82) |
hsl(208,61%,20%) |
| #0f283e |
rgb(15,40,62) |
hsl(208,61%,15%) |
| #0a1b29 |
rgb(10,27,41) |
hsl(208,61%,10%) |
| #050d15 |
rgb(5,13,21) |
hsl(208,61%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #28A68B |
rgb(40,166,139) |
hsl(167,61%,40%) |
| #286BA5 |
rgb(40,107,165) |
hsl(208,61%,40%) |
| #3829A5 |
rgb(56,41,165) |
hsl(247,60%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3E8CD0 |
rgb(62,140,208) |
hsl(208,61%,53%) |
| #2E7DBF |
rgb(46,125,191) |
hsl(207,61%,46%) |
| #286BA5 |
rgb(40,107,165) |
hsl(208,61%,40%) |
| #21598A |
rgb(33,89,138) |
hsl(208,61%,34%) |
| #1B4A70 |
rgb(27,74,112) |
hsl(207,61%,27%) |
| #143855 |
rgb(20,56,85) |
hsl(207,62%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #286BA5 |
rgb(40,107,165) |
hsl(208,61%,40%) |
| #A5292C |
rgb(165,41,44) |
hsl(359,60%,40%) |
| #A5A128 |
rgb(165,161,40) |
hsl(58,61%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #286BA5 |
rgb(40,107,165) |
hsl(208,61%,40%) |
| #A56128 |
rgb(165,97,40) |
hsl(27,61%,40%) |
| #28A6A0 |
rgb(40,166,160) |
hsl(177,61%,40%) |
| #A5A128 |
rgb(165,161,40) |
hsl(58,61%,40%) |
