HEX #306B8F color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

306B8F color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(203,50%,97%)
#e0edf5 rgb(224,237,245) hsl(203,50%,92%)
#cde2ee rgb(205,226,238) hsl(203,50%,87%)
#bad6e8 rgb(186,214,232) hsl(203,50%,82%)
#a7cbe2 rgb(167,203,226) hsl(203,50%,77%)
#94c0db rgb(148,192,219) hsl(203,50%,72%)
#81b5d5 rgb(129,181,213) hsl(203,50%,67%)
#6ea9cf rgb(110,169,207) hsl(203,50%,62%)
#5b9ec8 rgb(91,158,200) hsl(203,50%,57%)
#4793c2 rgb(71,147,194) hsl(203,50%,52%)
#3c86b4 rgb(60,134,180) hsl(203,50%,47%)
#3678a1 rgb(54,120,161) hsl(203,50%,42%)
#2f698e rgb(47,105,142) hsl(203,50%,37%)
#295b7a rgb(41,91,122) hsl(203,50%,32%)
#224d67 rgb(34,77,103) hsl(203,50%,27%)
#1c3f54 rgb(28,63,84) hsl(203,50%,22%)
#163041 rgb(22,48,65) hsl(203,50%,17%)
#0f222e rgb(15,34,46) hsl(203,50%,12%)
#09141b rgb(9,20,27) hsl(203,50%,7%)
#030608 rgb(3,6,8) hsl(203,50%,2%)

Adjacent colors

HEX RGB HSL
#308F73 rgb(48,143,115) hsl(162,50%,37%)
#306B8F rgb(48,107,143) hsl(203,50%,37%)
#34308F rgb(52,48,143) hsl(243,50%,37%)

Monochromatic colors

HEX RGB HSL
#377DA5 rgb(55,125,165) hsl(202,50%,43%)
#306B8F rgb(48,107,143) hsl(203,50%,37%)
#285978 rgb(40,89,120) hsl(203,50%,31%)
#204A61 rgb(32,74,97) hsl(201,50%,25%)
#18384A rgb(24,56,74) hsl(202,51%,19%)
#112633 rgb(17,38,51) hsl(203,50%,13%)

Triad color palettes

HEX RGB HSL
#306B8F rgb(48,107,143) hsl(203,50%,37%)
#8F303B rgb(143,48,59) hsl(353,50%,37%)
#8F8530 rgb(143,133,48) hsl(54,50%,37%)

Tetrad color palettes

HEX RGB HSL
#306B8F rgb(48,107,143) hsl(203,50%,37%)
#8F5430 rgb(143,84,48) hsl(23,50%,37%)
#308F83 rgb(48,143,131) hsl(172,50%,37%)
#8F8530 rgb(143,133,48) hsl(54,50%,37%)