HEX #225CCF color — Mariner

The color #225CCF is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

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%)