HEX #286EA1 color — Jelly Bean
The color #286EA1 is a dark shade and moderately saturated.
Palette
286EA1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(205,60%,99%) |
#e7f1f9 |
rgb(231,241,249) |
hsl(205,60%,94%) |
#d2e6f4 |
rgb(210,230,244) |
hsl(205,60%,89%) |
#bedaef |
rgb(190,218,239) |
hsl(205,60%,84%) |
#a9cfea |
rgb(169,207,234) |
hsl(205,60%,79%) |
#95c3e4 |
rgb(149,195,228) |
hsl(205,60%,74%) |
#81b8df |
rgb(129,184,223) |
hsl(205,60%,69%) |
#6cacda |
rgb(108,172,218) |
hsl(205,60%,64%) |
#58a1d5 |
rgb(88,161,213) |
hsl(205,60%,59%) |
#4395d0 |
rgb(67,149,208) |
hsl(205,60%,54%) |
#3289c8 |
rgb(50,137,200) |
hsl(205,60%,49%) |
#2d7bb4 |
rgb(45,123,180) |
hsl(205,60%,44%) |
#286d9f |
rgb(40,109,159) |
hsl(205,60%,39%) |
#235f8b |
rgb(35,95,139) |
hsl(205,60%,34%) |
#1e5176 |
rgb(30,81,118) |
hsl(205,60%,29%) |
#184362 |
rgb(24,67,98) |
hsl(205,60%,24%) |
#13354e |
rgb(19,53,78) |
hsl(205,60%,19%) |
#0e2739 |
rgb(14,39,57) |
hsl(205,60%,14%) |
#091925 |
rgb(9,25,37) |
hsl(205,60%,9%) |
#040b10 |
rgb(4,11,16) |
hsl(205,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#28A183 |
rgb(40,161,131) |
hsl(165,60%,39%) |
#286EA1 |
rgb(40,110,161) |
hsl(205,60%,39%) |
#3229A1 |
rgb(50,41,161) |
hsl(245,59%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E80BA |
rgb(46,128,186) |
hsl(205,60%,45%) |
#286EA1 |
rgb(40,110,161) |
hsl(205,60%,39%) |
#215C87 |
rgb(33,92,135) |
hsl(205,61%,33%) |
#1B4A6D |
rgb(27,74,109) |
hsl(206,60%,27%) |
#143853 |
rgb(20,56,83) |
hsl(206,61%,20%) |
#0E2939 |
rgb(14,41,57) |
hsl(202,61%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#286EA1 |
rgb(40,110,161) |
hsl(205,60%,39%) |
#A12931 |
rgb(161,41,49) |
hsl(356,59%,40%) |
#A19628 |
rgb(161,150,40) |
hsl(55,60%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#286EA1 |
rgb(40,110,161) |
hsl(205,60%,39%) |
#A15C28 |
rgb(161,92,40) |
hsl(26,60%,39%) |
#28A197 |
rgb(40,161,151) |
hsl(175,60%,39%) |
#A19628 |
rgb(161,150,40) |
hsl(55,60%,39%) |