HEX #306E97 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

306E97 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(204,52%,99%)
#e8f1f8 rgb(232,241,248) hsl(204,52%,94%)
#d4e6f2 rgb(212,230,242) hsl(204,52%,89%)
#c1daeb rgb(193,218,235) hsl(204,52%,84%)
#aecfe5 rgb(174,207,229) hsl(204,52%,79%)
#9ac4df rgb(154,196,223) hsl(204,52%,74%)
#87b8d9 rgb(135,184,217) hsl(204,52%,69%)
#73add3 rgb(115,173,211) hsl(204,52%,64%)
#60a1cd rgb(96,161,205) hsl(204,52%,59%)
#4d96c7 rgb(77,150,199) hsl(204,52%,54%)
#3c8abe rgb(60,138,190) hsl(204,52%,49%)
#367cab rgb(54,124,171) hsl(204,52%,44%)
#306e97 rgb(48,110,151) hsl(204,52%,39%)
#2a6084 rgb(42,96,132) hsl(204,52%,34%)
#235270 rgb(35,82,112) hsl(204,52%,29%)
#1d445d rgb(29,68,93) hsl(204,52%,24%)
#17354a rgb(23,53,74) hsl(204,52%,19%)
#112736 rgb(17,39,54) hsl(204,52%,14%)
#0b1923 rgb(11,25,35) hsl(204,52%,9%)
#050b10 rgb(5,11,16) hsl(204,52%,4%)

Adjacent colors

HEX RGB HSL
#30967B rgb(48,150,123) hsl(164,52%,39%)
#306E97 rgb(48,110,151) hsl(204,52%,39%)
#363097 rgb(54,48,151) hsl(243,52%,39%)

Monochromatic colors

HEX RGB HSL
#3780AF rgb(55,128,175) hsl(204,52%,45%)
#306E97 rgb(48,110,151) hsl(204,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%)
#112936 rgb(17,41,54) hsl(201,52%,14%)

Triad color palettes

HEX RGB HSL
#306E97 rgb(48,110,151) hsl(204,52%,39%)
#97303A rgb(151,48,58) hsl(354,52%,39%)
#978C30 rgb(151,140,48) hsl(54,52%,39%)

Tetrad color palettes

HEX RGB HSL
#306E97 rgb(48,110,151) hsl(204,52%,39%)
#975930 rgb(151,89,48) hsl(24,52%,39%)
#30968C rgb(48,150,140) hsl(174,52%,39%)
#978C30 rgb(151,140,48) hsl(54,52%,39%)