HEX #305E86 color — Calypso
The color #305E86 is a dark shade and moderately saturated.
Palette
305E86 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(208,47%,96%) |
#dde9f3 |
rgb(221,233,243) |
hsl(208,47%,91%) |
#cbdcec |
rgb(203,220,236) |
hsl(208,47%,86%) |
#b8d0e5 |
rgb(184,208,229) |
hsl(208,47%,81%) |
#a5c4df |
rgb(165,196,223) |
hsl(208,47%,76%) |
#92b7d8 |
rgb(146,183,216) |
hsl(208,47%,71%) |
#80abd1 |
rgb(128,171,209) |
hsl(208,47%,66%) |
#6d9fca |
rgb(109,159,202) |
hsl(208,47%,61%) |
#5a92c4 |
rgb(90,146,196) |
hsl(208,47%,56%) |
#4786bd |
rgb(71,134,189) |
hsl(208,47%,51%) |
#3e79ac |
rgb(62,121,172) |
hsl(208,47%,46%) |
#376c9a |
rgb(55,108,154) |
hsl(208,47%,41%) |
#315f87 |
rgb(49,95,135) |
hsl(208,47%,36%) |
#2a5274 |
rgb(42,82,116) |
hsl(208,47%,31%) |
#234461 |
rgb(35,68,97) |
hsl(208,47%,26%) |
#1c374f |
rgb(28,55,79) |
hsl(208,47%,21%) |
#162a3c |
rgb(22,42,60) |
hsl(208,47%,16%) |
#0f1d29 |
rgb(15,29,41) |
hsl(208,47%,11%) |
#081016 |
rgb(8,16,22) |
hsl(208,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(208,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308774 |
rgb(48,135,116) |
hsl(167,48%,36%) |
#305E86 |
rgb(48,94,134) |
hsl(208,47%,36%) |
#3B3086 |
rgb(59,48,134) |
hsl(248,47%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376E9B |
rgb(55,110,155) |
hsl(207,48%,41%) |
#305E86 |
rgb(48,94,134) |
hsl(208,47%,36%) |
#284F70 |
rgb(40,79,112) |
hsl(208,47%,30%) |
#20405B |
rgb(32,64,91) |
hsl(207,48%,24%) |
#183045 |
rgb(24,48,69) |
hsl(208,48%,18%) |
#112130 |
rgb(17,33,48) |
hsl(209,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#305E86 |
rgb(48,94,134) |
hsl(208,47%,36%) |
#863033 |
rgb(134,48,51) |
hsl(358,47%,36%) |
#868230 |
rgb(134,130,48) |
hsl(57,47%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305E86 |
rgb(48,94,134) |
hsl(208,47%,36%) |
#865930 |
rgb(134,89,48) |
hsl(29,47%,36%) |
#308783 |
rgb(48,135,131) |
hsl(177,48%,36%) |
#868230 |
rgb(134,130,48) |
hsl(57,47%,36%) |