HEX #306C97 color — Calypso

The color #306c97 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306c97 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(205,52%,99%)
#e8f1f8 rgb(232,241,248) hsl(205,52%,94%)
#d4e5f2 rgb(212,229,242) hsl(205,52%,89%)
#c1daeb rgb(193,218,235) hsl(205,52%,84%)
#aecee5 rgb(174,206,229) hsl(205,52%,79%)
#9ac2df rgb(154,194,223) hsl(205,52%,74%)
#87b7d9 rgb(135,183,217) hsl(205,52%,69%)
#73abd3 rgb(115,171,211) hsl(205,52%,64%)
#60a0cd rgb(96,160,205) hsl(205,52%,59%)
#4d94c7 rgb(77,148,199) hsl(205,52%,54%)
#3c88be rgb(60,136,190) hsl(205,52%,49%)
#367aab rgb(54,122,171) hsl(205,52%,44%)
#306c97 rgb(48,108,151) hsl(205,52%,39%)
#2a5e84 rgb(42,94,132) hsl(205,52%,34%)
#235070 rgb(35,80,112) hsl(205,52%,29%)
#1d435d rgb(29,67,93) hsl(205,52%,24%)
#17354a rgb(23,53,74) hsl(205,52%,19%)
#112736 rgb(17,39,54) hsl(205,52%,14%)
#0b1923 rgb(11,25,35) hsl(205,52%,9%)
#050b10 rgb(5,11,16) hsl(205,52%,4%)

Adjacent colors

HEX RGB HSL
#30967D rgb(48,150,125) hsl(165,52%,39%)
#306C97 rgb(48,108,151) hsl(205,52%,39%)
#383097 rgb(56,48,151) hsl(245,52%,39%)

Monochromatic colors

HEX RGB HSL
#377DAF rgb(55,125,175) hsl(205,52%,45%)
#306C97 rgb(48,108,151) hsl(205,52%,39%)
#285C7E rgb(40,92,126) hsl(204,52%,33%)
#204A66 rgb(32,74,102) hsl(204,52%,26%)
#18384E rgb(24,56,78) hsl(204,53%,20%)
#112636 rgb(17,38,54) hsl(206,52%,14%)

Triad color palettes

HEX RGB HSL
#306C97 rgb(48,108,151) hsl(205,52%,39%)
#973038 rgb(151,48,56) hsl(355,52%,39%)
#978F30 rgb(151,143,48) hsl(55,52%,39%)

Tetrad color palettes

HEX RGB HSL
#306C97 rgb(48,108,151) hsl(205,52%,39%)
#975C30 rgb(151,92,48) hsl(26,52%,39%)
#30968E rgb(48,150,142) hsl(175,52%,39%)
#978F30 rgb(151,143,48) hsl(55,52%,39%)