HEX #225CC0 color — Mariner
The color #225CC0 is a dark shade and highly saturated.
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%) |