HEX #2A6684 color — Calypso

The color #2A6684 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2A6684 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(200,52%,99%)
#e8f2f8 rgb(232,242,248) hsl(200,52%,94%)
#d4e8f2 rgb(212,232,242) hsl(200,52%,89%)
#c1ddeb rgb(193,221,235) hsl(200,52%,84%)
#aed3e5 rgb(174,211,229) hsl(200,52%,79%)
#9ac8df rgb(154,200,223) hsl(200,52%,74%)
#87bed9 rgb(135,190,217) hsl(200,52%,69%)
#73b3d3 rgb(115,179,211) hsl(200,52%,64%)
#60a9cd rgb(96,169,205) hsl(200,52%,59%)
#4d9ec7 rgb(77,158,199) hsl(200,52%,54%)
#3c93be rgb(60,147,190) hsl(200,52%,49%)
#3684ab rgb(54,132,171) hsl(200,52%,44%)
#307597 rgb(48,117,151) hsl(200,52%,39%)
#2a6684 rgb(42,102,132) hsl(200,52%,34%)
#235770 rgb(35,87,112) hsl(200,52%,29%)
#1d485d rgb(29,72,93) hsl(200,52%,24%)
#17394a rgb(23,57,74) hsl(200,52%,19%)
#112a36 rgb(17,42,54) hsl(200,52%,14%)
#0b1b23 rgb(11,27,35) hsl(200,52%,9%)
#050c10 rgb(5,12,16) hsl(200,52%,4%)

Adjacent colors

HEX RGB HSL
#2A8566 rgb(42,133,102) hsl(160,52%,34%)
#2A6684 rgb(42,102,132) hsl(200,52%,34%)
#2A2984 rgb(42,41,132) hsl(241,53%,34%)

Monochromatic colors

HEX RGB HSL
#307599 rgb(48,117,153) hsl(201,52%,39%)
#2A6684 rgb(42,102,132) hsl(200,52%,34%)
#23576E rgb(35,87,110) hsl(198,52%,28%)
#1C4559 rgb(28,69,89) hsl(200,52%,23%)
#153644 rgb(21,54,68) hsl(198,53%,17%)
#0F242F rgb(15,36,47) hsl(201,52%,12%)

Triad color palettes

HEX RGB HSL
#2A6684 rgb(42,102,132) hsl(200,52%,34%)
#842939 rgb(132,41,57) hsl(349,53%,34%)
#84752A rgb(132,117,42) hsl(50,52%,34%)

Tetrad color palettes

HEX RGB HSL
#2A6684 rgb(42,102,132) hsl(200,52%,34%)
#84472A rgb(132,71,42) hsl(19,52%,34%)
#2A8575 rgb(42,133,117) hsl(169,52%,34%)
#84752A rgb(132,117,42) hsl(50,52%,34%)