HEX #306E97 color — Calypso
The color #306E97 is a dark shade and moderately saturated.
Palette
306E97 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(204,52%,99%) |
#e8f1f8 |
rgb(232,241,248) |
hsl(204,52%,94%) |
#d4e6f2 |
rgb(212,230,242) |
hsl(204,52%,89%) |
#c1daeb |
rgb(193,218,235) |
hsl(204,52%,84%) |
#aecfe5 |
rgb(174,207,229) |
hsl(204,52%,79%) |
#9ac4df |
rgb(154,196,223) |
hsl(204,52%,74%) |
#87b8d9 |
rgb(135,184,217) |
hsl(204,52%,69%) |
#73add3 |
rgb(115,173,211) |
hsl(204,52%,64%) |
#60a1cd |
rgb(96,161,205) |
hsl(204,52%,59%) |
#4d96c7 |
rgb(77,150,199) |
hsl(204,52%,54%) |
#3c8abe |
rgb(60,138,190) |
hsl(204,52%,49%) |
#367cab |
rgb(54,124,171) |
hsl(204,52%,44%) |
#306e97 |
rgb(48,110,151) |
hsl(204,52%,39%) |
#2a6084 |
rgb(42,96,132) |
hsl(204,52%,34%) |
#235270 |
rgb(35,82,112) |
hsl(204,52%,29%) |
#1d445d |
rgb(29,68,93) |
hsl(204,52%,24%) |
#17354a |
rgb(23,53,74) |
hsl(204,52%,19%) |
#112736 |
rgb(17,39,54) |
hsl(204,52%,14%) |
#0b1923 |
rgb(11,25,35) |
hsl(204,52%,9%) |
#050b10 |
rgb(5,11,16) |
hsl(204,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30967B |
rgb(48,150,123) |
hsl(164,52%,39%) |
#306E97 |
rgb(48,110,151) |
hsl(204,52%,39%) |
#363097 |
rgb(54,48,151) |
hsl(243,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3780AF |
rgb(55,128,175) |
hsl(204,52%,45%) |
#306E97 |
rgb(48,110,151) |
hsl(204,52%,39%) |
#285C7E |
rgb(40,92,126) |
hsl(204,52%,33%) |
#204A66 |
rgb(32,74,102) |
hsl(204,52%,26%) |
#18384E |
rgb(24,56,78) |
hsl(204,53%,20%) |
#112936 |
rgb(17,41,54) |
hsl(201,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306E97 |
rgb(48,110,151) |
hsl(204,52%,39%) |
#97303A |
rgb(151,48,58) |
hsl(354,52%,39%) |
#978C30 |
rgb(151,140,48) |
hsl(54,52%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306E97 |
rgb(48,110,151) |
hsl(204,52%,39%) |
#975930 |
rgb(151,89,48) |
hsl(24,52%,39%) |
#30968C |
rgb(48,150,140) |
hsl(174,52%,39%) |
#978C30 |
rgb(151,140,48) |
hsl(54,52%,39%) |