HEX #2A5E76 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

2A5E76 color palette from light to dark

HEX RGB HSL
#f0f7fa rgb(240,247,250) hsl(199,48%,96%)
#ddecf3 rgb(221,236,243) hsl(199,48%,91%)
#cae2ec rgb(202,226,236) hsl(199,48%,86%)
#b7d7e6 rgb(183,215,230) hsl(199,48%,81%)
#a4cddf rgb(164,205,223) hsl(199,48%,76%)
#92c2d9 rgb(146,194,217) hsl(199,48%,71%)
#7fb8d2 rgb(127,184,210) hsl(199,48%,66%)
#6cadcb rgb(108,173,203) hsl(199,48%,61%)
#59a3c5 rgb(89,163,197) hsl(199,48%,56%)
#4698be rgb(70,152,190) hsl(199,48%,51%)
#3d8aae rgb(61,138,174) hsl(199,48%,46%)
#367b9b rgb(54,123,155) hsl(199,48%,41%)
#306c88 rgb(48,108,136) hsl(199,48%,36%)
#295d75 rgb(41,93,117) hsl(199,48%,31%)
#224e62 rgb(34,78,98) hsl(199,48%,26%)
#1c3f4f rgb(28,63,79) hsl(199,48%,21%)
#15303c rgb(21,48,60) hsl(199,48%,16%)
#0f212a rgb(15,33,42) hsl(199,48%,11%)
#081217 rgb(8,18,23) hsl(199,48%,6%)
#010304 rgb(1,3,4) hsl(199,48%,1%)

Adjacent colors

HEX RGB HSL
#2A755B rgb(42,117,91) hsl(159,47%,31%)
#2A5E76 rgb(42,94,118) hsl(199,48%,31%)
#2A2B76 rgb(42,43,118) hsl(239,48%,31%)

Monochromatic colors

HEX RGB HSL
#306E88 rgb(48,110,136) hsl(198,48%,36%)
#2A5E76 rgb(42,94,118) hsl(199,48%,31%)
#234F63 rgb(35,79,99) hsl(199,48%,26%)
#1C4050 rgb(28,64,80) hsl(198,48%,21%)
#15303D rgb(21,48,61) hsl(200,49%,16%)
#0F212A rgb(15,33,42) hsl(200,47%,11%)

Triad color palettes

HEX RGB HSL
#2A5E76 rgb(42,94,118) hsl(199,48%,31%)
#762938 rgb(118,41,56) hsl(348,48%,31%)
#76692A rgb(118,105,42) hsl(50,48%,31%)

Tetrad color palettes

HEX RGB HSL
#2A5E76 rgb(42,94,118) hsl(199,48%,31%)
#76422A rgb(118,66,42) hsl(19,48%,31%)
#2A7568 rgb(42,117,104) hsl(170,47%,31%)
#76692A rgb(118,105,42) hsl(50,48%,31%)