HEX #2257C0 color — Cerulean Blue
The color #2257C0 is a dark shade and highly saturated.
Palette
2257C0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,70%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(220,70%,94%) |
#cfdcf7 |
rgb(207,220,247) |
hsl(220,70%,89%) |
#bacdf3 |
rgb(186,205,243) |
hsl(220,70%,84%) |
#a4bdef |
rgb(164,189,239) |
hsl(220,70%,79%) |
#8eadeb |
rgb(142,173,235) |
hsl(220,70%,74%) |
#799ee7 |
rgb(121,158,231) |
hsl(220,70%,69%) |
#638ee3 |
rgb(99,142,227) |
hsl(220,70%,64%) |
#4d7ee0 |
rgb(77,126,224) |
hsl(220,70%,59%) |
#386edc |
rgb(56,110,220) |
hsl(220,70%,54%) |
#2560d4 |
rgb(37,96,212) |
hsl(220,70%,49%) |
#2256bf |
rgb(34,86,191) |
hsl(220,70%,44%) |
#1e4ca9 |
rgb(30,76,169) |
hsl(220,70%,39%) |
#1a4293 |
rgb(26,66,147) |
hsl(220,70%,34%) |
#16397e |
rgb(22,57,126) |
hsl(220,70%,29%) |
#122f68 |
rgb(18,47,104) |
hsl(220,70%,24%) |
#0f2552 |
rgb(15,37,82) |
hsl(220,70%,19%) |
#0b1b3d |
rgb(11,27,61) |
hsl(220,70%,14%) |
#071227 |
rgb(7,18,39) |
hsl(220,70%,9%) |
#030811 |
rgb(3,8,17) |
hsl(220,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22BFBF |
rgb(34,191,191) |
hsl(180,70%,44%) |
#2257C0 |
rgb(34,87,192) |
hsl(220,70%,44%) |
#5621C0 |
rgb(86,33,192) |
hsl(260,71%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B7DDF |
rgb(75,125,223) |
hsl(220,70%,58%) |
#2C66D9 |
rgb(44,102,217) |
hsl(220,69%,51%) |
#2257C0 |
rgb(34,87,192) |
hsl(220,70%,44%) |
#1C4AA1 |
rgb(28,74,161) |
hsl(219,70%,37%) |
#173B82 |
rgb(23,59,130) |
hsl(220,70%,30%) |
#112E63 |
rgb(17,46,99) |
hsl(219,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2257C0 |
rgb(34,87,192) |
hsl(220,70%,44%) |
#C03D22 |
rgb(192,61,34) |
hsl(10,70%,44%) |
#A6BF22 |
rgb(166,191,34) |
hsl(70,70%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2257C0 |
rgb(34,87,192) |
hsl(220,70%,44%) |
#C08C22 |
rgb(192,140,34) |
hsl(40,70%,44%) |
#22A6C0 |
rgb(34,166,192) |
hsl(190,70%,44%) |
#A6BF22 |
rgb(166,191,34) |
hsl(70,70%,44%) |