HEX #305F7E color — Calypso

The color #305f7e is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

305f7e color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(204,45%,99%)
#e9f1f7 rgb(233,241,247) hsl(204,45%,94%)
#d6e5f0 rgb(214,229,240) hsl(204,45%,89%)
#c4dae9 rgb(196,218,233) hsl(204,45%,84%)
#b1cee2 rgb(177,206,226) hsl(204,45%,79%)
#9fc3db rgb(159,195,219) hsl(204,45%,74%)
#8cb7d4 rgb(140,183,212) hsl(204,45%,69%)
#7aabcd rgb(122,171,205) hsl(204,45%,64%)
#67a0c5 rgb(103,160,197) hsl(204,45%,59%)
#5594be rgb(85,148,190) hsl(204,45%,54%)
#4588b5 rgb(69,136,181) hsl(204,45%,49%)
#3e7aa3 rgb(62,122,163) hsl(204,45%,44%)
#376c90 rgb(55,108,144) hsl(204,45%,39%)
#305f7e rgb(48,95,126) hsl(204,45%,34%)
#29516b rgb(41,81,107) hsl(204,45%,29%)
#224359 rgb(34,67,89) hsl(204,45%,24%)
#1b3546 rgb(27,53,70) hsl(204,45%,19%)
#142734 rgb(20,39,52) hsl(204,45%,14%)
#0d1921 rgb(13,25,33) hsl(204,45%,9%)
#060b0f rgb(6,11,15) hsl(204,45%,4%)

Adjacent colors

HEX RGB HSL
#307D69 rgb(48,125,105) hsl(164,45%,34%)
#305F7E rgb(48,95,126) hsl(204,45%,34%)
#35307E rgb(53,48,126) hsl(244,45%,34%)

Monochromatic colors

HEX RGB HSL
#376E92 rgb(55,110,146) hsl(204,45%,39%)
#305F7E rgb(48,95,126) hsl(204,45%,34%)
#284F69 rgb(40,79,105) hsl(204,45%,28%)
#204055 rgb(32,64,85) hsl(204,45%,23%)
#183041 rgb(24,48,65) hsl(205,46%,17%)
#11212D rgb(17,33,45) hsl(206,45%,12%)

Triad color palettes

HEX RGB HSL
#305F7E rgb(48,95,126) hsl(204,45%,34%)
#7E3038 rgb(126,48,56) hsl(354,45%,34%)
#7E7530 rgb(126,117,48) hsl(53,45%,34%)

Tetrad color palettes

HEX RGB HSL
#305F7E rgb(48,95,126) hsl(204,45%,34%)
#7E4F30 rgb(126,79,48) hsl(24,45%,34%)
#307D76 rgb(48,125,118) hsl(175,45%,34%)
#7E7530 rgb(126,117,48) hsl(53,45%,34%)