HEX #306386 color — Calypso

The color #306386 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306386 color palette from light to dark

HEX RGB HSL
#f0f6fa rgb(240,246,250) hsl(204,47%,96%)
#ddeaf3 rgb(221,234,243) hsl(204,47%,91%)
#cbdfec rgb(203,223,236) hsl(204,47%,86%)
#b8d3e5 rgb(184,211,229) hsl(204,47%,81%)
#a5c8df rgb(165,200,223) hsl(204,47%,76%)
#92bcd8 rgb(146,188,216) hsl(204,47%,71%)
#80b0d1 rgb(128,176,209) hsl(204,47%,66%)
#6da5ca rgb(109,165,202) hsl(204,47%,61%)
#5a99c4 rgb(90,153,196) hsl(204,47%,56%)
#478ebd rgb(71,142,189) hsl(204,47%,51%)
#3e80ac rgb(62,128,172) hsl(204,47%,46%)
#37729a rgb(55,114,154) hsl(204,47%,41%)
#316487 rgb(49,100,135) hsl(204,47%,36%)
#2a5674 rgb(42,86,116) hsl(204,47%,31%)
#234961 rgb(35,73,97) hsl(204,47%,26%)
#1c3b4f rgb(28,59,79) hsl(204,47%,21%)
#162d3c rgb(22,45,60) hsl(204,47%,16%)
#0f1f29 rgb(15,31,41) hsl(204,47%,11%)
#081116 rgb(8,17,22) hsl(204,47%,6%)
#010304 rgb(1,3,4) hsl(204,47%,1%)

Adjacent colors

HEX RGB HSL
#30876F rgb(48,135,111) hsl(163,48%,36%)
#306386 rgb(48,99,134) hsl(204,47%,36%)
#363086 rgb(54,48,134) hsl(244,47%,36%)

Monochromatic colors

HEX RGB HSL
#37739B rgb(55,115,155) hsl(204,48%,41%)
#306386 rgb(48,99,134) hsl(204,47%,36%)
#285470 rgb(40,84,112) hsl(203,47%,30%)
#20425B rgb(32,66,91) hsl(205,48%,24%)
#183345 rgb(24,51,69) hsl(204,48%,18%)
#112430 rgb(17,36,48) hsl(203,48%,13%)

Triad color palettes

HEX RGB HSL
#306386 rgb(48,99,134) hsl(204,47%,36%)
#863038 rgb(134,48,56) hsl(354,47%,36%)
#867D30 rgb(134,125,48) hsl(54,47%,36%)

Tetrad color palettes

HEX RGB HSL
#306386 rgb(48,99,134) hsl(204,47%,36%)
#865430 rgb(134,84,48) hsl(25,47%,36%)
#30877E rgb(48,135,126) hsl(174,48%,36%)
#867D30 rgb(134,125,48) hsl(54,47%,36%)