HEX #2254D4 color — Mariner
The color #2254D4 is a dark shade and highly saturated.
Palette
2254D4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(223,72%,98%) |
#e0e8fa |
rgb(224,232,250) |
hsl(223,72%,93%) |
#cad7f6 |
rgb(202,215,246) |
hsl(223,72%,88%) |
#b4c6f3 |
rgb(180,198,243) |
hsl(223,72%,83%) |
#9fb5ef |
rgb(159,181,239) |
hsl(223,72%,78%) |
#89a5ec |
rgb(137,165,236) |
hsl(223,72%,73%) |
#7394e8 |
rgb(115,148,232) |
hsl(223,72%,68%) |
#5d83e5 |
rgb(93,131,229) |
hsl(223,72%,63%) |
#4772e1 |
rgb(71,114,225) |
hsl(223,72%,58%) |
#3162dd |
rgb(49,98,221) |
hsl(223,72%,53%) |
#2254d3 |
rgb(34,84,211) |
hsl(223,72%,48%) |
#1f4bbd |
rgb(31,75,189) |
hsl(223,72%,43%) |
#1b43a7 |
rgb(27,67,167) |
hsl(223,72%,38%) |
#183a91 |
rgb(24,58,145) |
hsl(223,72%,33%) |
#14317b |
rgb(20,49,123) |
hsl(223,72%,28%) |
#102865 |
rgb(16,40,101) |
hsl(223,72%,23%) |
#0d204f |
rgb(13,32,79) |
hsl(223,72%,18%) |
#091739 |
rgb(9,23,57) |
hsl(223,72%,13%) |
#060e23 |
rgb(6,14,35) |
hsl(223,72%,8%) |
#02050d |
rgb(2,5,13) |
hsl(223,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C9D4 |
rgb(34,201,212) |
hsl(184,72%,48%) |
#2254D4 |
rgb(34,84,212) |
hsl(223,72%,48%) |
#6621D4 |
rgb(102,33,212) |
hsl(263,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F85E5 |
rgb(95,133,229) |
hsl(223,72%,64%) |
#3D6BDF |
rgb(61,107,223) |
hsl(223,72%,56%) |
#2254D4 |
rgb(34,84,212) |
hsl(223,72%,48%) |
#1C47B2 |
rgb(28,71,178) |
hsl(223,73%,40%) |
#173890 |
rgb(23,56,144) |
hsl(224,72%,33%) |
#112B6E |
rgb(17,43,110) |
hsl(223,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2254D4 |
rgb(34,84,212) |
hsl(223,72%,48%) |
#D44A22 |
rgb(212,74,34) |
hsl(13,72%,48%) |
#ADD422 |
rgb(173,212,34) |
hsl(73,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2254D4 |
rgb(34,84,212) |
hsl(223,72%,48%) |
#D4A322 |
rgb(212,163,34) |
hsl(43,72%,48%) |
#22ADD4 |
rgb(34,173,212) |
hsl(193,72%,48%) |
#ADD422 |
rgb(173,212,34) |
hsl(73,72%,48%) |