HEX #306E8E color — Calypso
The color #306E8E is a dark shade and moderately saturated.
Palette
306E8E 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 |
#308F6F |
rgb(48,143,111) |
hsl(160,50%,37%) |
#306E8E |
rgb(48,110,142) |
hsl(200,49%,37%) |
#30308E |
rgb(48,48,142) |
hsl(240,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3780A4 |
rgb(55,128,164) |
hsl(200,50%,43%) |
#306E8E |
rgb(48,110,142) |
hsl(200,49%,37%) |
#285C77 |
rgb(40,92,119) |
hsl(201,50%,31%) |
#204A60 |
rgb(32,74,96) |
hsl(201,50%,25%) |
#183849 |
rgb(24,56,73) |
hsl(201,51%,19%) |
#112933 |
rgb(17,41,51) |
hsl(198,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306E8E |
rgb(48,110,142) |
hsl(200,49%,37%) |
#8E303F |
rgb(142,48,63) |
hsl(350,49%,37%) |
#8E8030 |
rgb(142,128,48) |
hsl(51,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306E8E |
rgb(48,110,142) |
hsl(200,49%,37%) |
#8E4F30 |
rgb(142,79,48) |
hsl(20,49%,37%) |
#308F7F |
rgb(48,143,127) |
hsl(170,50%,37%) |
#8E8030 |
rgb(142,128,48) |
hsl(51,49%,37%) |