HEX #306E8D color — Calypso
The color #306e8d is a dark shade and moderately saturated.
Palette
306e8d color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(200,49%,97%) |
#e1eef5 |
rgb(225,238,245) |
hsl(200,49%,92%) |
#cee3ee |
rgb(206,227,238) |
hsl(200,49%,87%) |
#bbd9e8 |
rgb(187,217,232) |
hsl(200,49%,82%) |
#a8cee1 |
rgb(168,206,225) |
hsl(200,49%,77%) |
#95c3db |
rgb(149,195,219) |
hsl(200,49%,72%) |
#82b9d4 |
rgb(130,185,212) |
hsl(200,49%,67%) |
#6faece |
rgb(111,174,206) |
hsl(200,49%,62%) |
#5ca3c7 |
rgb(92,163,199) |
hsl(200,49%,57%) |
#4999c1 |
rgb(73,153,193) |
hsl(200,49%,52%) |
#3d8bb3 |
rgb(61,139,179) |
hsl(200,49%,47%) |
#377da0 |
rgb(55,125,160) |
hsl(200,49%,42%) |
#306e8d |
rgb(48,110,141) |
hsl(200,49%,37%) |
#2a5f7a |
rgb(42,95,122) |
hsl(200,49%,32%) |
#235067 |
rgb(35,80,103) |
hsl(200,49%,27%) |
#1d4154 |
rgb(29,65,84) |
hsl(200,49%,22%) |
#163241 |
rgb(22,50,65) |
hsl(200,49%,17%) |
#10242e |
rgb(16,36,46) |
hsl(200,49%,12%) |
#09151b |
rgb(9,21,27) |
hsl(200,49%,7%) |
#030608 |
rgb(3,6,8) |
hsl(200,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#308C6E |
rgb(48,140,110) |
hsl(160,49%,37%) |
#306E8D |
rgb(48,110,141) |
hsl(200,49%,37%) |
#30308D |
rgb(48,48,141) |
hsl(240,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3780A3 |
rgb(55,128,163) |
hsl(199,50%,43%) |
#306E8D |
rgb(48,110,141) |
hsl(200,49%,37%) |
#285C76 |
rgb(40,92,118) |
hsl(200,49%,31%) |
#204A5F |
rgb(32,74,95) |
hsl(200,50%,25%) |
#183849 |
rgb(24,56,73) |
hsl(201,51%,19%) |
#112932 |
rgb(17,41,50) |
hsl(196,49%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306E8D |
rgb(48,110,141) |
hsl(200,49%,37%) |
#8D303F |
rgb(141,48,63) |
hsl(350,49%,37%) |
#8D7D30 |
rgb(141,125,48) |
hsl(50,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306E8D |
rgb(48,110,141) |
hsl(200,49%,37%) |
#8D4F30 |
rgb(141,79,48) |
hsl(20,49%,37%) |
#308C7D |
rgb(48,140,125) |
hsl(170,49%,37%) |
#8D7D30 |
rgb(141,125,48) |
hsl(50,49%,37%) |