HEX #306695 color — Calypso
The color #306695 is a dark shade and moderately saturated.
Palette
306695 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(208,51%,99%) |
#e8f0f8 |
rgb(232,240,248) |
hsl(208,51%,94%) |
#d5e4f1 |
rgb(213,228,241) |
hsl(208,51%,89%) |
#c1d8eb |
rgb(193,216,235) |
hsl(208,51%,84%) |
#aecbe5 |
rgb(174,203,229) |
hsl(208,51%,79%) |
#9bbfdf |
rgb(155,191,223) |
hsl(208,51%,74%) |
#88b3d8 |
rgb(136,179,216) |
hsl(208,51%,69%) |
#74a6d2 |
rgb(116,166,210) |
hsl(208,51%,64%) |
#619acc |
rgb(97,154,204) |
hsl(208,51%,59%) |
#4e8ec6 |
rgb(78,142,198) |
hsl(208,51%,54%) |
#3d81bd |
rgb(61,129,189) |
hsl(208,51%,49%) |
#3774a9 |
rgb(55,116,169) |
hsl(208,51%,44%) |
#316796 |
rgb(49,103,150) |
hsl(208,51%,39%) |
#2a5a83 |
rgb(42,90,131) |
hsl(208,51%,34%) |
#244c70 |
rgb(36,76,112) |
hsl(208,51%,29%) |
#1e3f5c |
rgb(30,63,92) |
hsl(208,51%,24%) |
#183249 |
rgb(24,50,73) |
hsl(208,51%,19%) |
#112536 |
rgb(17,37,54) |
hsl(208,51%,14%) |
#0b1823 |
rgb(11,24,35) |
hsl(208,51%,9%) |
#050b0f |
rgb(5,11,15) |
hsl(208,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#309480 |
rgb(48,148,128) |
hsl(168,51%,38%) |
#306695 |
rgb(48,102,149) |
hsl(208,51%,39%) |
#3D3095 |
rgb(61,48,149) |
hsl(248,51%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3775AC |
rgb(55,117,172) |
hsl(208,52%,45%) |
#306695 |
rgb(48,102,149) |
hsl(208,51%,39%) |
#28577D |
rgb(40,87,125) |
hsl(207,52%,32%) |
#204565 |
rgb(32,69,101) |
hsl(208,52%,26%) |
#18364D |
rgb(24,54,77) |
hsl(206,52%,20%) |
#112435 |
rgb(17,36,53) |
hsl(208,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306695 |
rgb(48,102,149) |
hsl(208,51%,39%) |
#953033 |
rgb(149,48,51) |
hsl(358,51%,39%) |
#959130 |
rgb(149,145,48) |
hsl(58,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306695 |
rgb(48,102,149) |
hsl(208,51%,39%) |
#955E30 |
rgb(149,94,48) |
hsl(27,51%,39%) |
#309491 |
rgb(48,148,145) |
hsl(178,51%,38%) |
#959130 |
rgb(149,145,48) |
hsl(58,51%,39%) |