HEX #306B97 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

306B97 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(206,52%,99%)
#e8f1f8 rgb(232,241,248) hsl(206,52%,94%)
#d4e5f2 rgb(212,229,242) hsl(206,52%,89%)
#c1d9eb rgb(193,217,235) hsl(206,52%,84%)
#aecde5 rgb(174,205,229) hsl(206,52%,79%)
#9ac1df rgb(154,193,223) hsl(206,52%,74%)
#87b5d9 rgb(135,181,217) hsl(206,52%,69%)
#73aad3 rgb(115,170,211) hsl(206,52%,64%)
#609ecd rgb(96,158,205) hsl(206,52%,59%)
#4d92c7 rgb(77,146,199) hsl(206,52%,54%)
#3c86be rgb(60,134,190) hsl(206,52%,49%)
#3678ab rgb(54,120,171) hsl(206,52%,44%)
#306a97 rgb(48,106,151) hsl(206,52%,39%)
#2a5d84 rgb(42,93,132) hsl(206,52%,34%)
#234f70 rgb(35,79,112) hsl(206,52%,29%)
#1d415d rgb(29,65,93) hsl(206,52%,24%)
#17344a rgb(23,52,74) hsl(206,52%,19%)
#112636 rgb(17,38,54) hsl(206,52%,14%)
#0b1923 rgb(11,25,35) hsl(206,52%,9%)
#050b10 rgb(5,11,16) hsl(206,52%,4%)

Adjacent colors

HEX RGB HSL
#30967E rgb(48,150,126) hsl(166,52%,39%)
#306B97 rgb(48,107,151) hsl(206,52%,39%)
#393097 rgb(57,48,151) hsl(245,52%,39%)

Monochromatic colors

HEX RGB HSL
#377DAF rgb(55,125,175) hsl(205,52%,45%)
#306B97 rgb(48,107,151) hsl(206,52%,39%)
#28597E rgb(40,89,126) hsl(206,52%,33%)
#204A66 rgb(32,74,102) hsl(204,52%,26%)
#18384E rgb(24,56,78) hsl(204,53%,20%)
#112636 rgb(17,38,54) hsl(206,52%,14%)

Triad color palettes

HEX RGB HSL
#306B97 rgb(48,107,151) hsl(206,52%,39%)
#973037 rgb(151,48,55) hsl(356,52%,39%)
#978F30 rgb(151,143,48) hsl(55,52%,39%)

Tetrad color palettes

HEX RGB HSL
#306B97 rgb(48,107,151) hsl(206,52%,39%)
#975C30 rgb(151,92,48) hsl(26,52%,39%)
#30968F rgb(48,150,143) hsl(176,52%,39%)
#978F30 rgb(151,143,48) hsl(55,52%,39%)