HEX #306188 color — Calypso
The color #306188 is a dark shade and moderately saturated.
Palette
306188 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(207,48%,96%) |
#dde9f3 |
rgb(221,233,243) |
hsl(207,48%,91%) |
#caddec |
rgb(202,221,236) |
hsl(207,48%,86%) |
#b7d1e6 |
rgb(183,209,230) |
hsl(207,48%,81%) |
#a4c5df |
rgb(164,197,223) |
hsl(207,48%,76%) |
#92b9d9 |
rgb(146,185,217) |
hsl(207,48%,71%) |
#7facd2 |
rgb(127,172,210) |
hsl(207,48%,66%) |
#6ca0cb |
rgb(108,160,203) |
hsl(207,48%,61%) |
#5994c5 |
rgb(89,148,197) |
hsl(207,48%,56%) |
#4688be |
rgb(70,136,190) |
hsl(207,48%,51%) |
#3d7bae |
rgb(61,123,174) |
hsl(207,48%,46%) |
#366e9b |
rgb(54,110,155) |
hsl(207,48%,41%) |
#306088 |
rgb(48,96,136) |
hsl(207,48%,36%) |
#295375 |
rgb(41,83,117) |
hsl(207,48%,31%) |
#224562 |
rgb(34,69,98) |
hsl(207,48%,26%) |
#1c384f |
rgb(28,56,79) |
hsl(207,48%,21%) |
#152b3c |
rgb(21,43,60) |
hsl(207,48%,16%) |
#0f1d2a |
rgb(15,29,42) |
hsl(207,48%,11%) |
#081017 |
rgb(8,16,23) |
hsl(207,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(207,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308774 |
rgb(48,135,116) |
hsl(167,48%,36%) |
#306188 |
rgb(48,97,136) |
hsl(207,48%,36%) |
#393088 |
rgb(57,48,136) |
hsl(246,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37709D |
rgb(55,112,157) |
hsl(206,48%,42%) |
#306188 |
rgb(48,97,136) |
hsl(207,48%,36%) |
#285272 |
rgb(40,82,114) |
hsl(206,48%,30%) |
#20425C |
rgb(32,66,92) |
hsl(206,48%,24%) |
#183346 |
rgb(24,51,70) |
hsl(205,49%,18%) |
#112430 |
rgb(17,36,48) |
hsl(203,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306188 |
rgb(48,97,136) |
hsl(207,48%,36%) |
#883035 |
rgb(136,48,53) |
hsl(357,48%,36%) |
#888230 |
rgb(136,130,48) |
hsl(56,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306188 |
rgb(48,97,136) |
hsl(207,48%,36%) |
#885730 |
rgb(136,87,48) |
hsl(27,48%,36%) |
#308783 |
rgb(48,135,131) |
hsl(177,48%,36%) |
#888230 |
rgb(136,130,48) |
hsl(56,48%,36%) |