HEX #306B6E color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

306b6e color palette from light to dark

HEX RGB HSL
#f1f8f9 rgb(241,248,249) hsl(183,39%,96%)
#dff0f1 rgb(223,240,241) hsl(183,39%,91%)
#cde8e9 rgb(205,232,233) hsl(183,39%,86%)
#bce0e1 rgb(188,224,225) hsl(183,39%,81%)
#aad7da rgb(170,215,218) hsl(183,39%,76%)
#98cfd2 rgb(152,207,210) hsl(183,39%,71%)
#86c7ca rgb(134,199,202) hsl(183,39%,66%)
#75bec2 rgb(117,190,194) hsl(183,39%,61%)
#63b6bb rgb(99,182,187) hsl(183,39%,56%)
#51aeb3 rgb(81,174,179) hsl(183,39%,51%)
#489ea3 rgb(72,158,163) hsl(183,39%,46%)
#408d91 rgb(64,141,145) hsl(183,39%,41%)
#387c80 rgb(56,124,128) hsl(183,39%,36%)
#306b6e rgb(48,107,110) hsl(183,39%,31%)
#285a5c rgb(40,90,92) hsl(183,39%,26%)
#21484a rgb(33,72,74) hsl(183,39%,21%)
#193739 rgb(25,55,57) hsl(183,39%,16%)
#112627 rgb(17,38,39) hsl(183,39%,11%)
#091515 rgb(9,21,21) hsl(183,39%,6%)
#020304 rgb(2,3,4) hsl(183,39%,1%)

Adjacent colors

HEX RGB HSL
#306E47 rgb(48,110,71) hsl(142,39%,31%)
#306B6E rgb(48,107,110) hsl(183,39%,31%)
#30426E rgb(48,66,110) hsl(223,39%,31%)

Monochromatic colors

HEX RGB HSL
#377D7F rgb(55,125,127) hsl(182,40%,36%)
#306B6E rgb(48,107,110) hsl(183,39%,31%)
#28595C rgb(40,89,92) hsl(183,39%,26%)
#204A4A rgb(32,74,74) hsl(180,40%,21%)
#183839 rgb(24,56,57) hsl(182,41%,16%)
#112627 rgb(17,38,39) hsl(183,39%,11%)

Triad color palettes

HEX RGB HSL
#306B6E rgb(48,107,110) hsl(183,39%,31%)
#6E304C rgb(110,48,76) hsl(333,39%,31%)
#6E5230 rgb(110,82,48) hsl(33,39%,31%)

Tetrad color palettes

HEX RGB HSL
#306B6E rgb(48,107,110) hsl(183,39%,31%)
#6E3330 rgb(110,51,48) hsl(3,39%,31%)
#306E52 rgb(48,110,82) hsl(153,39%,31%)
#6E5230 rgb(110,82,48) hsl(33,39%,31%)