HEX #2275E0 color — Mariner
The color #2275E0 is a dark shade and highly saturated.
Palette
2275E0 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(214,75%,96%) |
#d7e6f9 |
rgb(215,230,249) |
hsl(214,75%,91%) |
#c1d8f6 |
rgb(193,216,246) |
hsl(214,75%,86%) |
#aacaf3 |
rgb(170,202,243) |
hsl(214,75%,81%) |
#94bcf0 |
rgb(148,188,240) |
hsl(214,75%,76%) |
#7eaeed |
rgb(126,174,237) |
hsl(214,75%,71%) |
#67a0e9 |
rgb(103,160,233) |
hsl(214,75%,66%) |
#5192e6 |
rgb(81,146,230) |
hsl(214,75%,61%) |
#3b84e3 |
rgb(59,132,227) |
hsl(214,75%,56%) |
#2476e0 |
rgb(36,118,224) |
hsl(214,75%,51%) |
#1d6acd |
rgb(29,106,205) |
hsl(214,75%,46%) |
#1a5eb7 |
rgb(26,94,183) |
hsl(214,75%,41%) |
#1753a1 |
rgb(23,83,161) |
hsl(214,75%,36%) |
#14478a |
rgb(20,71,138) |
hsl(214,75%,31%) |
#113c74 |
rgb(17,60,116) |
hsl(214,75%,26%) |
#0d305e |
rgb(13,48,94) |
hsl(214,75%,21%) |
#0a2547 |
rgb(10,37,71) |
hsl(214,75%,16%) |
#071931 |
rgb(7,25,49) |
hsl(214,75%,11%) |
#040e1b |
rgb(4,14,27) |
hsl(214,75%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,75%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#22E0CC |
rgb(34,224,204) |
hsl(174,75%,51%) |
#2275E0 |
rgb(34,117,224) |
hsl(214,75%,51%) |
#4D21E0 |
rgb(77,33,224) |
hsl(254,75%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6AA3EA |
rgb(106,163,234) |
hsl(213,75%,67%) |
#468CE5 |
rgb(70,140,229) |
hsl(214,75%,59%) |
#2275E0 |
rgb(34,117,224) |
hsl(214,75%,51%) |
#1A61BE |
rgb(26,97,190) |
hsl(214,76%,42%) |
#154F99 |
rgb(21,79,153) |
hsl(214,76%,34%) |
#103D75 |
rgb(16,61,117) |
hsl(213,76%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275E0 |
rgb(34,117,224) |
hsl(214,75%,51%) |
#E02E22 |
rgb(224,46,34) |
hsl(4,75%,51%) |
#D4E022 |
rgb(212,224,34) |
hsl(64,75%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275E0 |
rgb(34,117,224) |
hsl(214,75%,51%) |
#E08C22 |
rgb(224,140,34) |
hsl(33,75%,51%) |
#22D4E0 |
rgb(34,212,224) |
hsl(184,75%,51%) |
#D4E022 |
rgb(212,224,34) |
hsl(64,75%,51%) |