HEX #306B8E color — Calypso
The color #306B8E is a dark shade and moderately saturated.
Palette
306B8E color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(202,49%,97%) |
#e1edf5 |
rgb(225,237,245) |
hsl(202,49%,92%) |
#cee2ee |
rgb(206,226,238) |
hsl(202,49%,87%) |
#bbd7e8 |
rgb(187,215,232) |
hsl(202,49%,82%) |
#a8cce1 |
rgb(168,204,225) |
hsl(202,49%,77%) |
#95c1db |
rgb(149,193,219) |
hsl(202,49%,72%) |
#82b6d4 |
rgb(130,182,212) |
hsl(202,49%,67%) |
#6fabce |
rgb(111,171,206) |
hsl(202,49%,62%) |
#5ca0c7 |
rgb(92,160,199) |
hsl(202,49%,57%) |
#4995c1 |
rgb(73,149,193) |
hsl(202,49%,52%) |
#3d88b3 |
rgb(61,136,179) |
hsl(202,49%,47%) |
#3779a0 |
rgb(55,121,160) |
hsl(202,49%,42%) |
#306b8d |
rgb(48,107,141) |
hsl(202,49%,37%) |
#2a5c7a |
rgb(42,92,122) |
hsl(202,49%,32%) |
#234e67 |
rgb(35,78,103) |
hsl(202,49%,27%) |
#1d3f54 |
rgb(29,63,84) |
hsl(202,49%,22%) |
#163141 |
rgb(22,49,65) |
hsl(202,49%,17%) |
#10232e |
rgb(16,35,46) |
hsl(202,49%,12%) |
#09141b |
rgb(9,20,27) |
hsl(202,49%,7%) |
#030608 |
rgb(3,6,8) |
hsl(202,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#308F72 |
rgb(48,143,114) |
hsl(162,50%,37%) |
#306B8E |
rgb(48,107,142) |
hsl(202,49%,37%) |
#33308E |
rgb(51,48,142) |
hsl(242,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377DA4 |
rgb(55,125,164) |
hsl(201,50%,43%) |
#306B8E |
rgb(48,107,142) |
hsl(202,49%,37%) |
#285977 |
rgb(40,89,119) |
hsl(203,50%,31%) |
#204A60 |
rgb(32,74,96) |
hsl(201,50%,25%) |
#183849 |
rgb(24,56,73) |
hsl(201,51%,19%) |
#112633 |
rgb(17,38,51) |
hsl(203,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306B8E |
rgb(48,107,142) |
hsl(202,49%,37%) |
#8E303C |
rgb(142,48,60) |
hsl(352,49%,37%) |
#8E8230 |
rgb(142,130,48) |
hsl(52,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306B8E |
rgb(48,107,142) |
hsl(202,49%,37%) |
#8E5430 |
rgb(142,84,48) |
hsl(23,49%,37%) |
#308F82 |
rgb(48,143,130) |
hsl(172,50%,37%) |
#8E8230 |
rgb(142,130,48) |
hsl(52,49%,37%) |