HEX #225CCF color — Mariner
The color #225CCF is a dark shade and highly saturated.
Palette
225CCF color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(220,72%,97%) |
#dce6f9 |
rgb(220,230,249) |
hsl(220,72%,92%) |
#c6d6f6 |
rgb(198,214,246) |
hsl(220,72%,87%) |
#b0c6f2 |
rgb(176,198,242) |
hsl(220,72%,82%) |
#9ab6ef |
rgb(154,182,239) |
hsl(220,72%,77%) |
#84a6eb |
rgb(132,166,235) |
hsl(220,72%,72%) |
#6e97e7 |
rgb(110,151,231) |
hsl(220,72%,67%) |
#5887e4 |
rgb(88,135,228) |
hsl(220,72%,62%) |
#4277e0 |
rgb(66,119,224) |
hsl(220,72%,57%) |
#2c67dd |
rgb(44,103,221) |
hsl(220,72%,52%) |
#225bce |
rgb(34,91,206) |
hsl(220,72%,47%) |
#1e51b8 |
rgb(30,81,184) |
hsl(220,72%,42%) |
#1a48a2 |
rgb(26,72,162) |
hsl(220,72%,37%) |
#173e8c |
rgb(23,62,140) |
hsl(220,72%,32%) |
#133476 |
rgb(19,52,118) |
hsl(220,72%,27%) |
#102b60 |
rgb(16,43,96) |
hsl(220,72%,22%) |
#0c214b |
rgb(12,33,75) |
hsl(220,72%,17%) |
#091735 |
rgb(9,23,53) |
hsl(220,72%,12%) |
#050e1f |
rgb(5,14,31) |
hsl(220,72%,7%) |
#010409 |
rgb(1,4,9) |
hsl(220,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22CFCE |
rgb(34,207,206) |
hsl(180,72%,47%) |
#225CCF |
rgb(34,92,207) |
hsl(220,72%,47%) |
#5B21CF |
rgb(91,33,207) |
hsl(260,73%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A87E3 |
rgb(90,135,227) |
hsl(220,71%,62%) |
#3970DE |
rgb(57,112,222) |
hsl(220,71%,55%) |
#225CCF |
rgb(34,92,207) |
hsl(220,72%,47%) |
#1C4DAD |
rgb(28,77,173) |
hsl(220,72%,39%) |
#17408C |
rgb(23,64,140) |
hsl(219,72%,32%) |
#11306B |
rgb(17,48,107) |
hsl(219,73%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#225CCF |
rgb(34,92,207) |
hsl(220,72%,47%) |
#CF4022 |
rgb(207,64,34) |
hsl(10,72%,47%) |
#B2CF22 |
rgb(178,207,34) |
hsl(70,72%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225CCF |
rgb(34,92,207) |
hsl(220,72%,47%) |
#CF9422 |
rgb(207,148,34) |
hsl(40,72%,47%) |
#22B3CF |
rgb(34,179,207) |
hsl(190,72%,47%) |
#B2CF22 |
rgb(178,207,34) |
hsl(70,72%,47%) |