HEX #305E88 color — Calypso
The color #305E88 is a dark shade and moderately saturated.
Palette
305E88 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(209,48%,96%) |
#dde8f3 |
rgb(221,232,243) |
hsl(209,48%,91%) |
#cadcec |
rgb(202,220,236) |
hsl(209,48%,86%) |
#b7cfe6 |
rgb(183,207,230) |
hsl(209,48%,81%) |
#a4c3df |
rgb(164,195,223) |
hsl(209,48%,76%) |
#92b6d9 |
rgb(146,182,217) |
hsl(209,48%,71%) |
#7faad2 |
rgb(127,170,210) |
hsl(209,48%,66%) |
#6c9dcb |
rgb(108,157,203) |
hsl(209,48%,61%) |
#5991c5 |
rgb(89,145,197) |
hsl(209,48%,56%) |
#4684be |
rgb(70,132,190) |
hsl(209,48%,51%) |
#3d77ae |
rgb(61,119,174) |
hsl(209,48%,46%) |
#366a9b |
rgb(54,106,155) |
hsl(209,48%,41%) |
#305d88 |
rgb(48,93,136) |
hsl(209,48%,36%) |
#295075 |
rgb(41,80,117) |
hsl(209,48%,31%) |
#224362 |
rgb(34,67,98) |
hsl(209,48%,26%) |
#1c364f |
rgb(28,54,79) |
hsl(209,48%,21%) |
#15293c |
rgb(21,41,60) |
hsl(209,48%,16%) |
#0f1c2a |
rgb(15,28,42) |
hsl(209,48%,11%) |
#081017 |
rgb(8,16,23) |
hsl(209,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(209,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308777 |
rgb(48,135,119) |
hsl(169,48%,36%) |
#305E88 |
rgb(48,94,136) |
hsl(209,48%,36%) |
#3C3088 |
rgb(60,48,136) |
hsl(248,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376E9D |
rgb(55,110,157) |
hsl(208,48%,42%) |
#305E88 |
rgb(48,94,136) |
hsl(209,48%,36%) |
#284F72 |
rgb(40,79,114) |
hsl(208,48%,30%) |
#20405C |
rgb(32,64,92) |
hsl(208,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 |
#305E88 |
rgb(48,94,136) |
hsl(209,48%,36%) |
#883032 |
rgb(136,48,50) |
hsl(359,48%,36%) |
#888730 |
rgb(136,135,48) |
hsl(59,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305E88 |
rgb(48,94,136) |
hsl(209,48%,36%) |
#885930 |
rgb(136,89,48) |
hsl(28,48%,36%) |
#308786 |
rgb(48,135,134) |
hsl(179,48%,36%) |
#888730 |
rgb(136,135,48) |
hsl(59,48%,36%) |