HEX #225CC0 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

225CC0 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(218,70%,99%)
#e5edfa rgb(229,237,250) hsl(218,70%,94%)
#cfdef7 rgb(207,222,247) hsl(218,70%,89%)
#bacff3 rgb(186,207,243) hsl(218,70%,84%)
#a4bfef rgb(164,191,239) hsl(218,70%,79%)
#8eb0eb rgb(142,176,235) hsl(218,70%,74%)
#79a1e7 rgb(121,161,231) hsl(218,70%,69%)
#6392e3 rgb(99,146,227) hsl(218,70%,64%)
#4d83e0 rgb(77,131,224) hsl(218,70%,59%)
#3874dc rgb(56,116,220) hsl(218,70%,54%)
#2566d4 rgb(37,102,212) hsl(218,70%,49%)
#225bbf rgb(34,91,191) hsl(218,70%,44%)
#1e51a9 rgb(30,81,169) hsl(218,70%,39%)
#1a4793 rgb(26,71,147) hsl(218,70%,34%)
#163c7e rgb(22,60,126) hsl(218,70%,29%)
#123268 rgb(18,50,104) hsl(218,70%,24%)
#0f2752 rgb(15,39,82) hsl(218,70%,19%)
#0b1d3d rgb(11,29,61) hsl(218,70%,14%)
#071327 rgb(7,19,39) hsl(218,70%,9%)
#030811 rgb(3,8,17) hsl(218,70%,4%)

Adjacent colors

HEX RGB HSL
#22BFBA rgb(34,191,186) hsl(178,70%,44%)
#225CC0 rgb(34,92,192) hsl(218,70%,44%)
#5121C0 rgb(81,33,192) hsl(258,71%,44%)

Monochromatic colors

HEX RGB HSL
#4B82DF rgb(75,130,223) hsl(218,70%,58%)
#2C6BD9 rgb(44,107,217) hsl(218,69%,51%)
#225CC0 rgb(34,92,192) hsl(218,70%,44%)
#1C4DA1 rgb(28,77,161) hsl(218,70%,37%)
#174082 rgb(23,64,130) hsl(217,70%,30%)
#113063 rgb(17,48,99) hsl(217,71%,23%)

Triad color palettes

HEX RGB HSL
#225CC0 rgb(34,92,192) hsl(218,70%,44%)
#C03822 rgb(192,56,34) hsl(8,70%,44%)
#ABBF22 rgb(171,191,34) hsl(68,70%,44%)

Tetrad color palettes

HEX RGB HSL
#225CC0 rgb(34,92,192) hsl(218,70%,44%)
#C08722 rgb(192,135,34) hsl(38,70%,44%)
#22ABC0 rgb(34,171,192) hsl(188,70%,44%)
#ABBF22 rgb(171,191,34) hsl(68,70%,44%)