HEX #277DA2 color — Jelly Bean
The color #277DA2 is a dark shade and moderately saturated.
Palette
277DA2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(198,61%,99%) |
#e6f3f9 |
rgb(230,243,249) |
hsl(198,61%,94%) |
#d2eaf4 |
rgb(210,234,244) |
hsl(198,61%,89%) |
#bde0ef |
rgb(189,224,239) |
hsl(198,61%,84%) |
#a9d7ea |
rgb(169,215,234) |
hsl(198,61%,79%) |
#94cde5 |
rgb(148,205,229) |
hsl(198,61%,74%) |
#80c3e0 |
rgb(128,195,224) |
hsl(198,61%,69%) |
#6bbadb |
rgb(107,186,219) |
hsl(198,61%,64%) |
#57b0d6 |
rgb(87,176,214) |
hsl(198,61%,59%) |
#42a6d1 |
rgb(66,166,209) |
hsl(198,61%,54%) |
#319bc9 |
rgb(49,155,201) |
hsl(198,61%,49%) |
#2c8cb5 |
rgb(44,140,181) |
hsl(198,61%,44%) |
#277ca0 |
rgb(39,124,160) |
hsl(198,61%,39%) |
#226c8c |
rgb(34,108,140) |
hsl(198,61%,34%) |
#1d5c77 |
rgb(29,92,119) |
hsl(198,61%,29%) |
#184c63 |
rgb(24,76,99) |
hsl(198,61%,24%) |
#133c4e |
rgb(19,60,78) |
hsl(198,61%,19%) |
#0e2c39 |
rgb(14,44,57) |
hsl(198,61%,14%) |
#091d25 |
rgb(9,29,37) |
hsl(198,61%,9%) |
#040d10 |
rgb(4,13,16) |
hsl(198,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#27A375 |
rgb(39,163,117) |
hsl(158,61%,40%) |
#277DA2 |
rgb(39,125,162) |
hsl(198,61%,39%) |
#272BA2 |
rgb(39,43,162) |
hsl(238,61%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2D91BB |
rgb(45,145,187) |
hsl(198,61%,45%) |
#277DA2 |
rgb(39,125,162) |
hsl(198,61%,39%) |
#206988 |
rgb(32,105,136) |
hsl(198,62%,33%) |
#1A546E |
rgb(26,84,110) |
hsl(199,62%,27%) |
#144054 |
rgb(20,64,84) |
hsl(199,62%,20%) |
#0E2E3A |
rgb(14,46,58) |
hsl(196,61%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#277DA2 |
rgb(39,125,162) |
hsl(198,61%,39%) |
#A2263F |
rgb(162,38,63) |
hsl(348,62%,39%) |
#A28A27 |
rgb(162,138,39) |
hsl(48,61%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#277DA2 |
rgb(39,125,162) |
hsl(198,61%,39%) |
#A24D27 |
rgb(162,77,39) |
hsl(19,61%,39%) |
#27A389 |
rgb(39,163,137) |
hsl(167,61%,40%) |
#A28A27 |
rgb(162,138,39) |
hsl(48,61%,39%) |