HEX #305E87 color — Calypso
The color #305E87 is a dark shade and moderately saturated.
Palette
305E87 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(208,48%,96%) |
#dde9f3 |
rgb(221,233,243) |
hsl(208,48%,91%) |
#cadcec |
rgb(202,220,236) |
hsl(208,48%,86%) |
#b7d0e6 |
rgb(183,208,230) |
hsl(208,48%,81%) |
#a4c4df |
rgb(164,196,223) |
hsl(208,48%,76%) |
#92b7d9 |
rgb(146,183,217) |
hsl(208,48%,71%) |
#7fabd2 |
rgb(127,171,210) |
hsl(208,48%,66%) |
#6c9fcb |
rgb(108,159,203) |
hsl(208,48%,61%) |
#5992c5 |
rgb(89,146,197) |
hsl(208,48%,56%) |
#4686be |
rgb(70,134,190) |
hsl(208,48%,51%) |
#3d79ae |
rgb(61,121,174) |
hsl(208,48%,46%) |
#366c9b |
rgb(54,108,155) |
hsl(208,48%,41%) |
#305f88 |
rgb(48,95,136) |
hsl(208,48%,36%) |
#295275 |
rgb(41,82,117) |
hsl(208,48%,31%) |
#224462 |
rgb(34,68,98) |
hsl(208,48%,26%) |
#1c374f |
rgb(28,55,79) |
hsl(208,48%,21%) |
#152a3c |
rgb(21,42,60) |
hsl(208,48%,16%) |
#0f1d2a |
rgb(15,29,42) |
hsl(208,48%,11%) |
#081017 |
rgb(8,16,23) |
hsl(208,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(208,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308776 |
rgb(48,135,118) |
hsl(168,48%,36%) |
#305E87 |
rgb(48,94,135) |
hsl(208,48%,36%) |
#3C3087 |
rgb(60,48,135) |
hsl(248,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376E9C |
rgb(55,110,156) |
hsl(207,48%,41%) |
#305E87 |
rgb(48,94,135) |
hsl(208,48%,36%) |
#284F71 |
rgb(40,79,113) |
hsl(208,48%,30%) |
#20405B |
rgb(32,64,91) |
hsl(207,48%,24%) |
#183046 |
rgb(24,48,70) |
hsl(209,49%,18%) |
#112130 |
rgb(17,33,48) |
hsl(209,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#305E87 |
rgb(48,94,135) |
hsl(208,48%,36%) |
#873032 |
rgb(135,48,50) |
hsl(359,48%,36%) |
#878530 |
rgb(135,133,48) |
hsl(59,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305E87 |
rgb(48,94,135) |
hsl(208,48%,36%) |
#875930 |
rgb(135,89,48) |
hsl(28,48%,36%) |
#308784 |
rgb(48,135,132) |
hsl(178,48%,36%) |
#878530 |
rgb(135,133,48) |
hsl(59,48%,36%) |