HEX #2D7AA4 color — Jelly Bean
The color #2d7aa4 is a dark shade and moderately saturated.
Palette
2d7aa4 color palette from light to dark
HEX |
RGB |
HSL |
#eff7fb |
rgb(239,247,251) |
hsl(201,57%,96%) |
#dbecf5 |
rgb(219,236,245) |
hsl(201,57%,91%) |
#c7e1f0 |
rgb(199,225,240) |
hsl(201,57%,86%) |
#b3d7ea |
rgb(179,215,234) |
hsl(201,57%,81%) |
#9fcce5 |
rgb(159,204,229) |
hsl(201,57%,76%) |
#8bc2df |
rgb(139,194,223) |
hsl(201,57%,71%) |
#77b7da |
rgb(119,183,218) |
hsl(201,57%,66%) |
#63add4 |
rgb(99,173,212) |
hsl(201,57%,61%) |
#4fa2cf |
rgb(79,162,207) |
hsl(201,57%,56%) |
#3b97c9 |
rgb(59,151,201) |
hsl(201,57%,51%) |
#3289b8 |
rgb(50,137,184) |
hsl(201,57%,46%) |
#2d7aa4 |
rgb(45,122,164) |
hsl(201,57%,41%) |
#276b90 |
rgb(39,107,144) |
hsl(201,57%,36%) |
#225d7c |
rgb(34,93,124) |
hsl(201,57%,31%) |
#1d4e68 |
rgb(29,78,104) |
hsl(201,57%,26%) |
#173f54 |
rgb(23,63,84) |
hsl(201,57%,21%) |
#123040 |
rgb(18,48,64) |
hsl(201,57%,16%) |
#0c212c |
rgb(12,33,44) |
hsl(201,57%,11%) |
#071218 |
rgb(7,18,24) |
hsl(201,57%,6%) |
#010304 |
rgb(1,3,4) |
hsl(201,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA37E |
rgb(45,163,126) |
hsl(161,57%,41%) |
#2D7AA4 |
rgb(45,122,164) |
hsl(201,57%,41%) |
#2F2EA4 |
rgb(47,46,164) |
hsl(241,56%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#479ECC |
rgb(71,158,204) |
hsl(201,57%,54%) |
#348CBE |
rgb(52,140,190) |
hsl(202,57%,47%) |
#2D7AA4 |
rgb(45,122,164) |
hsl(201,57%,41%) |
#256689 |
rgb(37,102,137) |
hsl(201,57%,34%) |
#1E546F |
rgb(30,84,111) |
hsl(200,57%,28%) |
#174055 |
rgb(23,64,85) |
hsl(200,57%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D7AA4 |
rgb(45,122,164) |
hsl(201,57%,41%) |
#A42E3E |
rgb(164,46,62) |
hsl(352,56%,41%) |
#A4912D |
rgb(164,145,45) |
hsl(50,57%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D7AA4 |
rgb(45,122,164) |
hsl(201,57%,41%) |
#A4572D |
rgb(164,87,45) |
hsl(21,57%,41%) |
#2DA392 |
rgb(45,163,146) |
hsl(171,57%,41%) |
#A4912D |
rgb(164,145,45) |
hsl(50,57%,41%) |