HEX #306E95 color — Calypso
The color #306E95 is a dark shade and moderately saturated.
Palette
306E95 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(203,51%,99%) |
#e8f2f8 |
rgb(232,242,248) |
hsl(203,51%,94%) |
#d5e6f1 |
rgb(213,230,241) |
hsl(203,51%,89%) |
#c1dbeb |
rgb(193,219,235) |
hsl(203,51%,84%) |
#aed0e5 |
rgb(174,208,229) |
hsl(203,51%,79%) |
#9bc5df |
rgb(155,197,223) |
hsl(203,51%,74%) |
#88b9d8 |
rgb(136,185,216) |
hsl(203,51%,69%) |
#74aed2 |
rgb(116,174,210) |
hsl(203,51%,64%) |
#61a3cc |
rgb(97,163,204) |
hsl(203,51%,59%) |
#4e98c6 |
rgb(78,152,198) |
hsl(203,51%,54%) |
#3d8cbd |
rgb(61,140,189) |
hsl(203,51%,49%) |
#377ea9 |
rgb(55,126,169) |
hsl(203,51%,44%) |
#316f96 |
rgb(49,111,150) |
hsl(203,51%,39%) |
#2a6183 |
rgb(42,97,131) |
hsl(203,51%,34%) |
#245370 |
rgb(36,83,112) |
hsl(203,51%,29%) |
#1e445c |
rgb(30,68,92) |
hsl(203,51%,24%) |
#183649 |
rgb(24,54,73) |
hsl(203,51%,19%) |
#112836 |
rgb(17,40,54) |
hsl(203,51%,14%) |
#0b1a23 |
rgb(11,26,35) |
hsl(203,51%,9%) |
#050b0f |
rgb(5,11,15) |
hsl(203,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#309478 |
rgb(48,148,120) |
hsl(163,51%,38%) |
#306E95 |
rgb(48,110,149) |
hsl(203,51%,39%) |
#353095 |
rgb(53,48,149) |
hsl(243,51%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3780AC |
rgb(55,128,172) |
hsl(203,52%,45%) |
#306E95 |
rgb(48,110,149) |
hsl(203,51%,39%) |
#285C7D |
rgb(40,92,125) |
hsl(203,52%,32%) |
#204A65 |
rgb(32,74,101) |
hsl(203,52%,26%) |
#18384D |
rgb(24,56,77) |
hsl(204,52%,20%) |
#112935 |
rgb(17,41,53) |
hsl(200,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306E95 |
rgb(48,110,149) |
hsl(203,51%,39%) |
#95303B |
rgb(149,48,59) |
hsl(353,51%,39%) |
#958A30 |
rgb(149,138,48) |
hsl(53,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306E95 |
rgb(48,110,149) |
hsl(203,51%,39%) |
#955730 |
rgb(149,87,48) |
hsl(23,51%,39%) |
#309489 |
rgb(48,148,137) |
hsl(173,51%,38%) |
#958A30 |
rgb(149,138,48) |
hsl(53,51%,39%) |