HEX #2180A4 color — Jelly Bean
The color #2180A4 is a dark shade and moderately saturated.
Palette
2180A4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(196,66%,99%) |
#e6f4fa |
rgb(230,244,250) |
hsl(196,66%,94%) |
#d0ecf5 |
rgb(208,236,245) |
hsl(196,66%,89%) |
#bbe3f1 |
rgb(187,227,241) |
hsl(196,66%,84%) |
#a6daed |
rgb(166,218,237) |
hsl(196,66%,79%) |
#91d1e8 |
rgb(145,209,232) |
hsl(196,66%,74%) |
#7cc8e4 |
rgb(124,200,228) |
hsl(196,66%,69%) |
#67bfe0 |
rgb(103,191,224) |
hsl(196,66%,64%) |
#51b7db |
rgb(81,183,219) |
hsl(196,66%,59%) |
#3caed7 |
rgb(60,174,215) |
hsl(196,66%,54%) |
#2aa3cf |
rgb(42,163,207) |
hsl(196,66%,49%) |
#2693ba |
rgb(38,147,186) |
hsl(196,66%,44%) |
#2282a5 |
rgb(34,130,165) |
hsl(196,66%,39%) |
#1d7190 |
rgb(29,113,144) |
hsl(196,66%,34%) |
#19617b |
rgb(25,97,123) |
hsl(196,66%,29%) |
#155066 |
rgb(21,80,102) |
hsl(196,66%,24%) |
#103f50 |
rgb(16,63,80) |
hsl(196,66%,19%) |
#0c2f3b |
rgb(12,47,59) |
hsl(196,66%,14%) |
#081e26 |
rgb(8,30,38) |
hsl(196,66%,9%) |
#030d11 |
rgb(3,13,17) |
hsl(196,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#21A370 |
rgb(33,163,112) |
hsl(156,66%,38%) |
#2180A4 |
rgb(33,128,164) |
hsl(196,66%,39%) |
#2129A4 |
rgb(33,41,164) |
hsl(236,66%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2694BE |
rgb(38,148,190) |
hsl(197,67%,45%) |
#2180A4 |
rgb(33,128,164) |
hsl(196,66%,39%) |
#1B6B89 |
rgb(27,107,137) |
hsl(196,67%,32%) |
#16576F |
rgb(22,87,111) |
hsl(196,67%,26%) |
#114255 |
rgb(17,66,85) |
hsl(197,67%,20%) |
#0B2E3B |
rgb(11,46,59) |
hsl(196,69%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2180A4 |
rgb(33,128,164) |
hsl(196,66%,39%) |
#A4213E |
rgb(164,33,62) |
hsl(347,66%,39%) |
#A48721 |
rgb(164,135,33) |
hsl(47,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2180A4 |
rgb(33,128,164) |
hsl(196,66%,39%) |
#A44521 |
rgb(164,69,33) |
hsl(16,66%,39%) |
#21A386 |
rgb(33,163,134) |
hsl(167,66%,38%) |
#A48721 |
rgb(164,135,33) |
hsl(47,66%,39%) |