HEX #2554D5 color — Mariner
The color #2554D5 is a dark shade and highly saturated.
Palette
2554D5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(224,70%,99%) |
#e5ebfa |
rgb(229,235,250) |
hsl(224,70%,94%) |
#cfdaf7 |
rgb(207,218,247) |
hsl(224,70%,89%) |
#bac9f3 |
rgb(186,201,243) |
hsl(224,70%,84%) |
#a4b8ef |
rgb(164,184,239) |
hsl(224,70%,79%) |
#8ea7eb |
rgb(142,167,235) |
hsl(224,70%,74%) |
#7996e7 |
rgb(121,150,231) |
hsl(224,70%,69%) |
#6385e3 |
rgb(99,133,227) |
hsl(224,70%,64%) |
#4d74e0 |
rgb(77,116,224) |
hsl(224,70%,59%) |
#3863dc |
rgb(56,99,220) |
hsl(224,70%,54%) |
#2554d4 |
rgb(37,84,212) |
hsl(224,70%,49%) |
#224cbf |
rgb(34,76,191) |
hsl(224,70%,44%) |
#1e43a9 |
rgb(30,67,169) |
hsl(224,70%,39%) |
#1a3a93 |
rgb(26,58,147) |
hsl(224,70%,34%) |
#16327e |
rgb(22,50,126) |
hsl(224,70%,29%) |
#122968 |
rgb(18,41,104) |
hsl(224,70%,24%) |
#0f2152 |
rgb(15,33,82) |
hsl(224,70%,19%) |
#0b183d |
rgb(11,24,61) |
hsl(224,70%,14%) |
#070f27 |
rgb(7,15,39) |
hsl(224,70%,9%) |
#030711 |
rgb(3,7,17) |
hsl(224,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#25C9D5 |
rgb(37,201,213) |
hsl(184,70%,49%) |
#2554D5 |
rgb(37,84,213) |
hsl(224,70%,49%) |
#6B26D5 |
rgb(107,38,213) |
hsl(264,70%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6587E4 |
rgb(101,135,228) |
hsl(224,70%,65%) |
#436EDE |
rgb(67,110,222) |
hsl(223,70%,57%) |
#2554D5 |
rgb(37,84,213) |
hsl(224,70%,49%) |
#1F47B2 |
rgb(31,71,178) |
hsl(224,70%,41%) |
#193890 |
rgb(25,56,144) |
hsl(224,70%,33%) |
#132B6E |
rgb(19,43,110) |
hsl(224,71%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2554D5 |
rgb(37,84,213) |
hsl(224,70%,49%) |
#D54F25 |
rgb(213,79,37) |
hsl(14,70%,49%) |
#ACD625 |
rgb(172,214,37) |
hsl(74,71%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2554D5 |
rgb(37,84,213) |
hsl(224,70%,49%) |
#D5A625 |
rgb(213,166,37) |
hsl(44,70%,49%) |
#25ABD5 |
rgb(37,171,213) |
hsl(194,70%,49%) |
#ACD625 |
rgb(172,214,37) |
hsl(74,71%,49%) |