HEX #306B89 color — Calypso
The color #306B89 is a dark shade and moderately saturated.
Palette
306B89 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(200,48%,96%) |
#ddecf3 |
rgb(221,236,243) |
hsl(200,48%,91%) |
#cae1ec |
rgb(202,225,236) |
hsl(200,48%,86%) |
#b7d6e6 |
rgb(183,214,230) |
hsl(200,48%,81%) |
#a4ccdf |
rgb(164,204,223) |
hsl(200,48%,76%) |
#92c1d9 |
rgb(146,193,217) |
hsl(200,48%,71%) |
#7fb6d2 |
rgb(127,182,210) |
hsl(200,48%,66%) |
#6cabcb |
rgb(108,171,203) |
hsl(200,48%,61%) |
#59a1c5 |
rgb(89,161,197) |
hsl(200,48%,56%) |
#4696be |
rgb(70,150,190) |
hsl(200,48%,51%) |
#3d88ae |
rgb(61,136,174) |
hsl(200,48%,46%) |
#36799b |
rgb(54,121,155) |
hsl(200,48%,41%) |
#306a88 |
rgb(48,106,136) |
hsl(200,48%,36%) |
#295c75 |
rgb(41,92,117) |
hsl(200,48%,31%) |
#224d62 |
rgb(34,77,98) |
hsl(200,48%,26%) |
#1c3e4f |
rgb(28,62,79) |
hsl(200,48%,21%) |
#152f3c |
rgb(21,47,60) |
hsl(200,48%,16%) |
#0f212a |
rgb(15,33,42) |
hsl(200,48%,11%) |
#081217 |
rgb(8,18,23) |
hsl(200,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(200,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308A6B |
rgb(48,138,107) |
hsl(159,48%,36%) |
#306B89 |
rgb(48,107,137) |
hsl(200,48%,36%) |
#303089 |
rgb(48,48,137) |
hsl(240,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377D9E |
rgb(55,125,158) |
hsl(199,48%,42%) |
#306B89 |
rgb(48,107,137) |
hsl(200,48%,36%) |
#285973 |
rgb(40,89,115) |
hsl(201,48%,30%) |
#204A5D |
rgb(32,74,93) |
hsl(199,49%,25%) |
#183847 |
rgb(24,56,71) |
hsl(199,49%,19%) |
#112631 |
rgb(17,38,49) |
hsl(201,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306B89 |
rgb(48,107,137) |
hsl(200,48%,36%) |
#89303E |
rgb(137,48,62) |
hsl(351,48%,36%) |
#897A30 |
rgb(137,122,48) |
hsl(50,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306B89 |
rgb(48,107,137) |
hsl(200,48%,36%) |
#894F30 |
rgb(137,79,48) |
hsl(21,48%,36%) |
#308A7A |
rgb(48,138,122) |
hsl(169,48%,36%) |
#897A30 |
rgb(137,122,48) |
hsl(50,48%,36%) |