HEX #2870E1 color — Royal Blue
The color #2870E1 is a dark shade and highly saturated.
Palette
2870E1 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(217,76%,97%) |
#dbe7fa |
rgb(219,231,250) |
hsl(217,76%,92%) |
#c5d8f7 |
rgb(197,216,247) |
hsl(217,76%,87%) |
#aec9f4 |
rgb(174,201,244) |
hsl(217,76%,82%) |
#98baf1 |
rgb(152,186,241) |
hsl(217,76%,77%) |
#81abee |
rgb(129,171,238) |
hsl(217,76%,72%) |
#6b9ceb |
rgb(107,156,235) |
hsl(217,76%,67%) |
#548de8 |
rgb(84,141,232) |
hsl(217,76%,62%) |
#3e7ee5 |
rgb(62,126,229) |
hsl(217,76%,57%) |
#286fe2 |
rgb(40,111,226) |
hsl(217,76%,52%) |
#1d63d3 |
rgb(29,99,211) |
hsl(217,76%,47%) |
#1a58bc |
rgb(26,88,188) |
hsl(217,76%,42%) |
#174ea6 |
rgb(23,78,166) |
hsl(217,76%,37%) |
#144390 |
rgb(20,67,144) |
hsl(217,76%,32%) |
#113979 |
rgb(17,57,121) |
hsl(217,76%,27%) |
#0d2e63 |
rgb(13,46,99) |
hsl(217,76%,22%) |
#0a244c |
rgb(10,36,76) |
hsl(217,76%,17%) |
#071936 |
rgb(7,25,54) |
hsl(217,76%,12%) |
#040f1f |
rgb(4,15,31) |
hsl(217,76%,7%) |
#010409 |
rgb(1,4,9) |
hsl(217,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#28E0D6 |
rgb(40,224,214) |
hsl(177,75%,52%) |
#2870E1 |
rgb(40,112,225) |
hsl(217,76%,52%) |
#5B29E1 |
rgb(91,41,225) |
hsl(256,75%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#72A1EB |
rgb(114,161,235) |
hsl(217,75%,68%) |
#4D8AE6 |
rgb(77,138,230) |
hsl(216,75%,60%) |
#2870E1 |
rgb(40,112,225) |
hsl(217,76%,52%) |
#1B5CC3 |
rgb(27,92,195) |
hsl(217,76%,44%) |
#164A9E |
rgb(22,74,158) |
hsl(217,76%,35%) |
#103878 |
rgb(16,56,120) |
hsl(217,76%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2870E1 |
rgb(40,112,225) |
hsl(217,76%,52%) |
#E13D28 |
rgb(225,61,40) |
hsl(7,76%,52%) |
#CCE028 |
rgb(204,224,40) |
hsl(67,75%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2870E1 |
rgb(40,112,225) |
hsl(217,76%,52%) |
#E19928 |
rgb(225,153,40) |
hsl(37,76%,52%) |
#28CCE1 |
rgb(40,204,225) |
hsl(187,76%,52%) |
#CCE028 |
rgb(204,224,40) |
hsl(67,75%,52%) |