HEX #2154E0 color — Mariner
The color #2154E0 is a dark shade and highly saturated.
Palette
2154E0 color palette from light to dark
HEX |
RGB |
HSL |
#e9eefc |
rgb(233,238,252) |
hsl(224,75%,95%) |
#d2ddf9 |
rgb(210,221,249) |
hsl(224,75%,90%) |
#bccbf5 |
rgb(188,203,245) |
hsl(224,75%,85%) |
#a6baf2 |
rgb(166,186,242) |
hsl(224,75%,80%) |
#8fa9ef |
rgb(143,169,239) |
hsl(224,75%,75%) |
#7998ec |
rgb(121,152,236) |
hsl(224,75%,70%) |
#6387e9 |
rgb(99,135,233) |
hsl(224,75%,65%) |
#4d75e6 |
rgb(77,117,230) |
hsl(224,75%,60%) |
#3664e2 |
rgb(54,100,226) |
hsl(224,75%,55%) |
#2053df |
rgb(32,83,223) |
hsl(224,75%,50%) |
#1d4bc9 |
rgb(29,75,201) |
hsl(224,75%,45%) |
#1a42b3 |
rgb(26,66,179) |
hsl(224,75%,40%) |
#163a9c |
rgb(22,58,156) |
hsl(224,75%,35%) |
#133286 |
rgb(19,50,134) |
hsl(224,75%,30%) |
#102970 |
rgb(16,41,112) |
hsl(224,75%,25%) |
#0d2159 |
rgb(13,33,89) |
hsl(224,75%,20%) |
#0a1943 |
rgb(10,25,67) |
hsl(224,75%,15%) |
#06112d |
rgb(6,17,45) |
hsl(224,75%,10%) |
#030816 |
rgb(3,8,22) |
hsl(224,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#21D4E0 |
rgb(33,212,224) |
hsl(184,75%,50%) |
#2154E0 |
rgb(33,84,224) |
hsl(224,75%,50%) |
#6D21E0 |
rgb(109,33,224) |
hsl(264,75%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#698CEA |
rgb(105,140,234) |
hsl(224,75%,66%) |
#4570E5 |
rgb(69,112,229) |
hsl(224,75%,58%) |
#2154E0 |
rgb(33,84,224) |
hsl(224,75%,50%) |
#1A45BD |
rgb(26,69,189) |
hsl(224,76%,42%) |
#153899 |
rgb(21,56,153) |
hsl(224,76%,34%) |
#102B75 |
rgb(16,43,117) |
hsl(224,76%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2154E0 |
rgb(33,84,224) |
hsl(224,75%,50%) |
#E04D21 |
rgb(224,77,33) |
hsl(14,75%,50%) |
#B3E021 |
rgb(179,224,33) |
hsl(74,75%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2154E0 |
rgb(33,84,224) |
hsl(224,75%,50%) |
#E0AD21 |
rgb(224,173,33) |
hsl(44,75%,50%) |
#21B3E0 |
rgb(33,179,224) |
hsl(194,75%,50%) |
#B3E021 |
rgb(179,224,33) |
hsl(74,75%,50%) |