HEX #2A7684 color — Calypso
The color #2a7684 is a dark shade and moderately saturated.
Palette
2a7684 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(189,52%,99%) |
#e8f5f8 |
rgb(232,245,248) |
hsl(189,52%,94%) |
#d4edf2 |
rgb(212,237,242) |
hsl(189,52%,89%) |
#c1e5eb |
rgb(193,229,235) |
hsl(189,52%,84%) |
#aedde5 |
rgb(174,221,229) |
hsl(189,52%,79%) |
#9ad5df |
rgb(154,213,223) |
hsl(189,52%,74%) |
#87cdd9 |
rgb(135,205,217) |
hsl(189,52%,69%) |
#73c5d3 |
rgb(115,197,211) |
hsl(189,52%,64%) |
#60bdcd |
rgb(96,189,205) |
hsl(189,52%,59%) |
#4db4c7 |
rgb(77,180,199) |
hsl(189,52%,54%) |
#3caabe |
rgb(60,170,190) |
hsl(189,52%,49%) |
#3699ab |
rgb(54,153,171) |
hsl(189,52%,44%) |
#308897 |
rgb(48,136,151) |
hsl(189,52%,39%) |
#2a7684 |
rgb(42,118,132) |
hsl(189,52%,34%) |
#236570 |
rgb(35,101,112) |
hsl(189,52%,29%) |
#1d535d |
rgb(29,83,93) |
hsl(189,52%,24%) |
#17424a |
rgb(23,66,74) |
hsl(189,52%,19%) |
#113136 |
rgb(17,49,54) |
hsl(189,52%,14%) |
#0b1f23 |
rgb(11,31,35) |
hsl(189,52%,9%) |
#050e10 |
rgb(5,14,16) |
hsl(189,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A8556 |
rgb(42,133,86) |
hsl(149,52%,34%) |
#2A7684 |
rgb(42,118,132) |
hsl(189,52%,34%) |
#2A3B84 |
rgb(42,59,132) |
hsl(229,52%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#308A99 |
rgb(48,138,153) |
hsl(189,52%,39%) |
#2A7684 |
rgb(42,118,132) |
hsl(189,52%,34%) |
#23636E |
rgb(35,99,110) |
hsl(189,52%,28%) |
#1C4F59 |
rgb(28,79,89) |
hsl(190,52%,23%) |
#153D44 |
rgb(21,61,68) |
hsl(189,53%,17%) |
#0F2B2F |
rgb(15,43,47) |
hsl(188,52%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7684 |
rgb(42,118,132) |
hsl(189,52%,34%) |
#842949 |
rgb(132,41,73) |
hsl(339,53%,34%) |
#84662A |
rgb(132,102,42) |
hsl(40,52%,34%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7684 |
rgb(42,118,132) |
hsl(189,52%,34%) |
#84382A |
rgb(132,56,42) |
hsl(9,52%,34%) |
#2A8565 |
rgb(42,133,101) |
hsl(159,52%,34%) |
#84662A |
rgb(132,102,42) |
hsl(40,52%,34%) |