HEX #2D7BB4 color — Jelly Bean
The color #2d7bb4 is a dark shade and moderately saturated.
Palette
2d7bb4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(205,60%,99%) |
#e7f1f9 |
rgb(231,241,249) |
hsl(205,60%,94%) |
#d2e6f4 |
rgb(210,230,244) |
hsl(205,60%,89%) |
#bedaef |
rgb(190,218,239) |
hsl(205,60%,84%) |
#a9cfea |
rgb(169,207,234) |
hsl(205,60%,79%) |
#95c3e4 |
rgb(149,195,228) |
hsl(205,60%,74%) |
#81b8df |
rgb(129,184,223) |
hsl(205,60%,69%) |
#6cacda |
rgb(108,172,218) |
hsl(205,60%,64%) |
#58a1d5 |
rgb(88,161,213) |
hsl(205,60%,59%) |
#4395d0 |
rgb(67,149,208) |
hsl(205,60%,54%) |
#3289c8 |
rgb(50,137,200) |
hsl(205,60%,49%) |
#2d7bb4 |
rgb(45,123,180) |
hsl(205,60%,44%) |
#286d9f |
rgb(40,109,159) |
hsl(205,60%,39%) |
#235f8b |
rgb(35,95,139) |
hsl(205,60%,34%) |
#1e5176 |
rgb(30,81,118) |
hsl(205,60%,29%) |
#184362 |
rgb(24,67,98) |
hsl(205,60%,24%) |
#13354e |
rgb(19,53,78) |
hsl(205,60%,19%) |
#0e2739 |
rgb(14,39,57) |
hsl(205,60%,14%) |
#091925 |
rgb(9,25,37) |
hsl(205,60%,9%) |
#040b10 |
rgb(4,11,16) |
hsl(205,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DB593 |
rgb(45,181,147) |
hsl(165,60%,44%) |
#2D7BB4 |
rgb(45,123,180) |
hsl(205,60%,44%) |
#392EB4 |
rgb(57,46,180) |
hsl(245,59%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#549ED4 |
rgb(84,158,212) |
hsl(205,60%,58%) |
#378FCD |
rgb(55,143,205) |
hsl(205,60%,51%) |
#2D7BB4 |
rgb(45,123,180) |
hsl(205,60%,44%) |
#256997 |
rgb(37,105,151) |
hsl(204,61%,37%) |
#1E547A |
rgb(30,84,122) |
hsl(205,61%,30%) |
#17405D |
rgb(23,64,93) |
hsl(205,60%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D7BB4 |
rgb(45,123,180) |
hsl(205,60%,44%) |
#B42E37 |
rgb(180,46,55) |
hsl(356,59%,44%) |
#B4A82D |
rgb(180,168,45) |
hsl(55,60%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D7BB4 |
rgb(45,123,180) |
hsl(205,60%,44%) |
#B4662D |
rgb(180,102,45) |
hsl(25,60%,44%) |
#2DB5A9 |
rgb(45,181,169) |
hsl(175,60%,44%) |
#B4A82D |
rgb(180,168,45) |
hsl(55,60%,44%) |