HEX #286BE2 color — Royal Blue
The color #286BE2 is a dark shade and highly saturated.
Palette
286BE2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(218,76%,97%) |
#dbe6fa |
rgb(219,230,250) |
hsl(218,76%,92%) |
#c5d7f7 |
rgb(197,215,247) |
hsl(218,76%,87%) |
#aec8f4 |
rgb(174,200,244) |
hsl(218,76%,82%) |
#98b8f1 |
rgb(152,184,241) |
hsl(218,76%,77%) |
#81a9ee |
rgb(129,169,238) |
hsl(218,76%,72%) |
#6b9aeb |
rgb(107,154,235) |
hsl(218,76%,67%) |
#548ae8 |
rgb(84,138,232) |
hsl(218,76%,62%) |
#3e7be5 |
rgb(62,123,229) |
hsl(218,76%,57%) |
#286ce2 |
rgb(40,108,226) |
hsl(218,76%,52%) |
#1d60d3 |
rgb(29,96,211) |
hsl(218,76%,47%) |
#1a55bc |
rgb(26,85,188) |
hsl(218,76%,42%) |
#174ba6 |
rgb(23,75,166) |
hsl(218,76%,37%) |
#144190 |
rgb(20,65,144) |
hsl(218,76%,32%) |
#113779 |
rgb(17,55,121) |
hsl(218,76%,27%) |
#0d2d63 |
rgb(13,45,99) |
hsl(218,76%,22%) |
#0a234c |
rgb(10,35,76) |
hsl(218,76%,17%) |
#071836 |
rgb(7,24,54) |
hsl(218,76%,12%) |
#040e1f |
rgb(4,14,31) |
hsl(218,76%,7%) |
#010409 |
rgb(1,4,9) |
hsl(218,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#28E3DD |
rgb(40,227,221) |
hsl(178,77%,52%) |
#286BE2 |
rgb(40,107,226) |
hsl(218,76%,52%) |
#6129E2 |
rgb(97,41,226) |
hsl(258,76%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#739EEC |
rgb(115,158,236) |
hsl(219,76%,69%) |
#4D85E7 |
rgb(77,133,231) |
hsl(218,76%,60%) |
#286BE2 |
rgb(40,107,226) |
hsl(218,76%,52%) |
#1A57C4 |
rgb(26,87,196) |
hsl(218,77%,44%) |
#15479F |
rgb(21,71,159) |
hsl(218,77%,35%) |
#103679 |
rgb(16,54,121) |
hsl(218,77%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#286BE2 |
rgb(40,107,226) |
hsl(218,76%,52%) |
#E24228 |
rgb(226,66,40) |
hsl(8,76%,52%) |
#C8E328 |
rgb(200,227,40) |
hsl(69,77%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#286BE2 |
rgb(40,107,226) |
hsl(218,76%,52%) |
#E29E28 |
rgb(226,158,40) |
hsl(38,76%,52%) |
#28C7E2 |
rgb(40,199,226) |
hsl(189,76%,52%) |
#C8E328 |
rgb(200,227,40) |
hsl(69,77%,52%) |