HEX #2A7284 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

2a7284 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(192,52%,99%)
#e8f4f8 rgb(232,244,248) hsl(192,52%,94%)
#d4ecf2 rgb(212,236,242) hsl(192,52%,89%)
#c1e3eb rgb(193,227,235) hsl(192,52%,84%)
#aedae5 rgb(174,218,229) hsl(192,52%,79%)
#9ad1df rgb(154,209,223) hsl(192,52%,74%)
#87c9d9 rgb(135,201,217) hsl(192,52%,69%)
#73c0d3 rgb(115,192,211) hsl(192,52%,64%)
#60b7cd rgb(96,183,205) hsl(192,52%,59%)
#4daec7 rgb(77,174,199) hsl(192,52%,54%)
#3ca4be rgb(60,164,190) hsl(192,52%,49%)
#3693ab rgb(54,147,171) hsl(192,52%,44%)
#308297 rgb(48,130,151) hsl(192,52%,39%)
#2a7284 rgb(42,114,132) hsl(192,52%,34%)
#236170 rgb(35,97,112) hsl(192,52%,29%)
#1d505d rgb(29,80,93) hsl(192,52%,24%)
#17404a rgb(23,64,74) hsl(192,52%,19%)
#112f36 rgb(17,47,54) hsl(192,52%,14%)
#0b1e23 rgb(11,30,35) hsl(192,52%,9%)
#050d10 rgb(5,13,16) hsl(192,52%,4%)

Adjacent colors

HEX RGB HSL
#2A855A rgb(42,133,90) hsl(152,52%,34%)
#2A7284 rgb(42,114,132) hsl(192,52%,34%)
#2A3684 rgb(42,54,132) hsl(232,52%,34%)

Monochromatic colors

HEX RGB HSL
#308599 rgb(48,133,153) hsl(191,52%,39%)
#2A7284 rgb(42,114,132) hsl(192,52%,34%)
#23616E rgb(35,97,110) hsl(190,52%,28%)
#1C4D59 rgb(28,77,89) hsl(192,52%,23%)
#153B44 rgb(21,59,68) hsl(191,53%,17%)
#0F292F rgb(15,41,47) hsl(191,52%,12%)

Triad color palettes

HEX RGB HSL
#2A7284 rgb(42,114,132) hsl(192,52%,34%)
#842945 rgb(132,41,69) hsl(342,53%,34%)
#84692A rgb(132,105,42) hsl(42,52%,34%)

Tetrad color palettes

HEX RGB HSL
#2A7284 rgb(42,114,132) hsl(192,52%,34%)
#843D2A rgb(132,61,42) hsl(13,52%,34%)
#2A8569 rgb(42,133,105) hsl(162,52%,34%)
#84692A rgb(132,105,42) hsl(42,52%,34%)