HEX #2A5C78 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

2A5C78 color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(202,48%,97%)
#e1edf4 rgb(225,237,244) hsl(202,48%,92%)
#cee2ee rgb(206,226,238) hsl(202,48%,87%)
#bbd7e7 rgb(187,215,231) hsl(202,48%,82%)
#a8cce1 rgb(168,204,225) hsl(202,48%,77%)
#95c1da rgb(149,193,218) hsl(202,48%,72%)
#82b6d3 rgb(130,182,211) hsl(202,48%,67%)
#70abcd rgb(112,171,205) hsl(202,48%,62%)
#5d9fc6 rgb(93,159,198) hsl(202,48%,57%)
#4a94bf rgb(74,148,191) hsl(202,48%,52%)
#3e87b1 rgb(62,135,177) hsl(202,48%,47%)
#38799f rgb(56,121,159) hsl(202,48%,42%)
#316a8c rgb(49,106,140) hsl(202,48%,37%)
#2a5c79 rgb(42,92,121) hsl(202,48%,32%)
#244e66 rgb(36,78,102) hsl(202,48%,27%)
#1d3f53 rgb(29,63,83) hsl(202,48%,22%)
#173140 rgb(23,49,64) hsl(202,48%,17%)
#10232d rgb(16,35,45) hsl(202,48%,12%)
#09141a rgb(9,20,26) hsl(202,48%,7%)
#030608 rgb(3,6,8) hsl(202,48%,2%)

Adjacent colors

HEX RGB HSL
#2A7860 rgb(42,120,96) hsl(162,48%,32%)
#2A5C78 rgb(42,92,120) hsl(202,48%,32%)
#2C2978 rgb(44,41,120) hsl(242,49%,32%)

Monochromatic colors

HEX RGB HSL
#306B8B rgb(48,107,139) hsl(201,49%,37%)
#2A5C78 rgb(42,92,120) hsl(202,48%,32%)
#234D64 rgb(35,77,100) hsl(201,48%,26%)
#1C4051 rgb(28,64,81) hsl(199,49%,21%)
#15303E rgb(21,48,62) hsl(200,49%,16%)
#0F212B rgb(15,33,43) hsl(201,48%,11%)

Triad color palettes

HEX RGB HSL
#2A5C78 rgb(42,92,120) hsl(202,48%,32%)
#782935 rgb(120,41,53) hsl(351,49%,32%)
#786E2A rgb(120,110,42) hsl(52,48%,32%)

Tetrad color palettes

HEX RGB HSL
#2A5C78 rgb(42,92,120) hsl(202,48%,32%)
#78452A rgb(120,69,42) hsl(21,48%,32%)
#2A786D rgb(42,120,109) hsl(172,48%,32%)
#786E2A rgb(120,110,42) hsl(52,48%,32%)