HEX #2A5E78 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

2A5E78 color palette from light to dark

HEX RGB HSL
#f4f9fb rgb(244,249,251) hsl(200,48%,97%)
#e1eef4 rgb(225,238,244) hsl(200,48%,92%)
#cee3ee rgb(206,227,238) hsl(200,48%,87%)
#bbd8e7 rgb(187,216,231) hsl(200,48%,82%)
#a8cee1 rgb(168,206,225) hsl(200,48%,77%)
#95c3da rgb(149,195,218) hsl(200,48%,72%)
#82b8d3 rgb(130,184,211) hsl(200,48%,67%)
#70aecd rgb(112,174,205) hsl(200,48%,62%)
#5da3c6 rgb(93,163,198) hsl(200,48%,57%)
#4a98bf rgb(74,152,191) hsl(200,48%,52%)
#3e8bb1 rgb(62,139,177) hsl(200,48%,47%)
#387c9f rgb(56,124,159) hsl(200,48%,42%)
#316d8c rgb(49,109,140) hsl(200,48%,37%)
#2a5f79 rgb(42,95,121) hsl(200,48%,32%)
#245066 rgb(36,80,102) hsl(200,48%,27%)
#1d4153 rgb(29,65,83) hsl(200,48%,22%)
#173240 rgb(23,50,64) hsl(200,48%,17%)
#10232d rgb(16,35,45) hsl(200,48%,12%)
#09151a rgb(9,21,26) hsl(200,48%,7%)
#030608 rgb(3,6,8) hsl(200,48%,2%)

Adjacent colors

HEX RGB HSL
#2A785E rgb(42,120,94) hsl(160,48%,32%)
#2A5E78 rgb(42,94,120) hsl(200,48%,32%)
#2A2978 rgb(42,41,120) hsl(241,49%,32%)

Monochromatic colors

HEX RGB HSL
#306E8B rgb(48,110,139) hsl(199,49%,37%)
#2A5E78 rgb(42,94,120) hsl(200,48%,32%)
#234F64 rgb(35,79,100) hsl(199,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
#2A5E78 rgb(42,94,120) hsl(200,48%,32%)
#782937 rgb(120,41,55) hsl(349,49%,32%)
#786B2A rgb(120,107,42) hsl(50,48%,32%)

Tetrad color palettes

HEX RGB HSL
#2A5E78 rgb(42,94,120) hsl(200,48%,32%)
#78452A rgb(120,69,42) hsl(21,48%,32%)
#2A786B rgb(42,120,107) hsl(170,48%,32%)
#786B2A rgb(120,107,42) hsl(50,48%,32%)