HEX #2558E4 color — Royal Blue
The color #2558e4 is a dark shade and highly saturated.
Palette
2558e4 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fd |
rgb(241,245,253) |
hsl(224,78%,97%) |
#dbe3fb |
rgb(219,227,251) |
hsl(224,78%,92%) |
#c4d2f8 |
rgb(196,210,248) |
hsl(224,78%,87%) |
#adc0f5 |
rgb(173,192,245) |
hsl(224,78%,82%) |
#97aff2 |
rgb(151,175,242) |
hsl(224,78%,77%) |
#809eef |
rgb(128,158,239) |
hsl(224,78%,72%) |
#698cec |
rgb(105,140,236) |
hsl(224,78%,67%) |
#537bea |
rgb(83,123,234) |
hsl(224,78%,62%) |
#3c69e7 |
rgb(60,105,231) |
hsl(224,78%,57%) |
#2558e4 |
rgb(37,88,228) |
hsl(224,78%,52%) |
#1a4cd5 |
rgb(26,76,213) |
hsl(224,78%,47%) |
#1844bf |
rgb(24,68,191) |
hsl(224,78%,42%) |
#153ca8 |
rgb(21,60,168) |
hsl(224,78%,37%) |
#123491 |
rgb(18,52,145) |
hsl(224,78%,32%) |
#0f2c7b |
rgb(15,44,123) |
hsl(224,78%,27%) |
#0c2464 |
rgb(12,36,100) |
hsl(224,78%,22%) |
#0a1c4d |
rgb(10,28,77) |
hsl(224,78%,17%) |
#071336 |
rgb(7,19,54) |
hsl(224,78%,12%) |
#040b20 |
rgb(4,11,32) |
hsl(224,78%,7%) |
#010309 |
rgb(1,3,9) |
hsl(224,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#25D6E4 |
rgb(37,214,228) |
hsl(184,78%,52%) |
#2558E4 |
rgb(37,88,228) |
hsl(224,78%,52%) |
#7126E4 |
rgb(113,38,228) |
hsl(264,78%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7091ED |
rgb(112,145,237) |
hsl(224,78%,68%) |
#4A75E8 |
rgb(74,117,232) |
hsl(224,77%,60%) |
#2558E4 |
rgb(37,88,228) |
hsl(224,78%,52%) |
#1847C6 |
rgb(24,71,198) |
hsl(224,78%,44%) |
#1338A0 |
rgb(19,56,160) |
hsl(224,79%,35%) |
#0F2B7A |
rgb(15,43,122) |
hsl(224,78%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2558E4 |
rgb(37,88,228) |
hsl(224,78%,52%) |
#E45225 |
rgb(228,82,37) |
hsl(14,78%,52%) |
#B7E325 |
rgb(183,227,37) |
hsl(74,77%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2558E4 |
rgb(37,88,228) |
hsl(224,78%,52%) |
#E4B025 |
rgb(228,176,37) |
hsl(44,78%,52%) |
#25B8E4 |
rgb(37,184,228) |
hsl(194,78%,52%) |
#B7E325 |
rgb(183,227,37) |
hsl(74,77%,52%) |