HEX #2275C3 color — Mariner
The color #2275C3 is a dark shade and highly saturated.
Palette
2275C3 color palette from light to dark
HEX |
RGB |
HSL |
#e9f3fb |
rgb(233,243,251) |
hsl(209,70%,95%) |
#d4e6f7 |
rgb(212,230,247) |
hsl(209,70%,90%) |
#bedaf4 |
rgb(190,218,244) |
hsl(209,70%,85%) |
#a8cdf0 |
rgb(168,205,240) |
hsl(209,70%,80%) |
#93c1ec |
rgb(147,193,236) |
hsl(209,70%,75%) |
#7db4e8 |
rgb(125,180,232) |
hsl(209,70%,70%) |
#67a8e4 |
rgb(103,168,228) |
hsl(209,70%,65%) |
#529be0 |
rgb(82,155,224) |
hsl(209,70%,60%) |
#3c8fdd |
rgb(60,143,221) |
hsl(209,70%,55%) |
#2682d9 |
rgb(38,130,217) |
hsl(209,70%,50%) |
#2275c3 |
rgb(34,117,195) |
hsl(209,70%,45%) |
#1f68ad |
rgb(31,104,173) |
hsl(209,70%,40%) |
#1b5b98 |
rgb(27,91,152) |
hsl(209,70%,35%) |
#174e82 |
rgb(23,78,130) |
hsl(209,70%,30%) |
#13416c |
rgb(19,65,108) |
hsl(209,70%,25%) |
#0f3457 |
rgb(15,52,87) |
hsl(209,70%,20%) |
#0b2741 |
rgb(11,39,65) |
hsl(209,70%,15%) |
#081a2b |
rgb(8,26,43) |
hsl(209,70%,10%) |
#040d16 |
rgb(4,13,22) |
hsl(209,70%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C2A5 |
rgb(34,194,165) |
hsl(169,70%,45%) |
#2275C3 |
rgb(34,117,195) |
hsl(209,70%,45%) |
#3A21C3 |
rgb(58,33,195) |
hsl(249,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E99E0 |
rgb(78,153,224) |
hsl(209,70%,59%) |
#2E87DA |
rgb(46,135,218) |
hsl(209,70%,52%) |
#2275C3 |
rgb(34,117,195) |
hsl(209,70%,45%) |
#1C63A3 |
rgb(28,99,163) |
hsl(208,71%,37%) |
#174F84 |
rgb(23,79,132) |
hsl(209,70%,30%) |
#113D65 |
rgb(17,61,101) |
hsl(209,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275C3 |
rgb(34,117,195) |
hsl(209,70%,45%) |
#C32124 |
rgb(195,33,36) |
hsl(359,71%,45%) |
#C3BF22 |
rgb(195,191,34) |
hsl(59,70%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275C3 |
rgb(34,117,195) |
hsl(209,70%,45%) |
#C37022 |
rgb(195,112,34) |
hsl(29,70%,45%) |
#22C2C0 |
rgb(34,194,192) |
hsl(179,70%,45%) |
#C3BF22 |
rgb(195,191,34) |
hsl(59,70%,45%) |