HEX #306E95 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

306E95 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(203,51%,99%)
#e8f2f8 rgb(232,242,248) hsl(203,51%,94%)
#d5e6f1 rgb(213,230,241) hsl(203,51%,89%)
#c1dbeb rgb(193,219,235) hsl(203,51%,84%)
#aed0e5 rgb(174,208,229) hsl(203,51%,79%)
#9bc5df rgb(155,197,223) hsl(203,51%,74%)
#88b9d8 rgb(136,185,216) hsl(203,51%,69%)
#74aed2 rgb(116,174,210) hsl(203,51%,64%)
#61a3cc rgb(97,163,204) hsl(203,51%,59%)
#4e98c6 rgb(78,152,198) hsl(203,51%,54%)
#3d8cbd rgb(61,140,189) hsl(203,51%,49%)
#377ea9 rgb(55,126,169) hsl(203,51%,44%)
#316f96 rgb(49,111,150) hsl(203,51%,39%)
#2a6183 rgb(42,97,131) hsl(203,51%,34%)
#245370 rgb(36,83,112) hsl(203,51%,29%)
#1e445c rgb(30,68,92) hsl(203,51%,24%)
#183649 rgb(24,54,73) hsl(203,51%,19%)
#112836 rgb(17,40,54) hsl(203,51%,14%)
#0b1a23 rgb(11,26,35) hsl(203,51%,9%)
#050b0f rgb(5,11,15) hsl(203,51%,4%)

Adjacent colors

HEX RGB HSL
#309478 rgb(48,148,120) hsl(163,51%,38%)
#306E95 rgb(48,110,149) hsl(203,51%,39%)
#353095 rgb(53,48,149) hsl(243,51%,39%)

Monochromatic colors

HEX RGB HSL
#3780AC rgb(55,128,172) hsl(203,52%,45%)
#306E95 rgb(48,110,149) hsl(203,51%,39%)
#285C7D rgb(40,92,125) hsl(203,52%,32%)
#204A65 rgb(32,74,101) hsl(203,52%,26%)
#18384D rgb(24,56,77) hsl(204,52%,20%)
#112935 rgb(17,41,53) hsl(200,51%,14%)

Triad color palettes

HEX RGB HSL
#306E95 rgb(48,110,149) hsl(203,51%,39%)
#95303B rgb(149,48,59) hsl(353,51%,39%)
#958A30 rgb(149,138,48) hsl(53,51%,39%)

Tetrad color palettes

HEX RGB HSL
#306E95 rgb(48,110,149) hsl(203,51%,39%)
#955730 rgb(149,87,48) hsl(23,51%,39%)
#309489 rgb(48,148,137) hsl(173,51%,38%)
#958A30 rgb(149,138,48) hsl(53,51%,39%)