HEX #306B97 color — Calypso
The color #306B97 is a dark shade and moderately saturated.
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%) |