HEX #307A8D color — Calypso
The color #307a8d is a dark shade and moderately saturated.
Palette
307a8d color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(192,49%,97%) |
#e1f1f5 |
rgb(225,241,245) |
hsl(192,49%,92%) |
#cee8ee |
rgb(206,232,238) |
hsl(192,49%,87%) |
#bbdfe8 |
rgb(187,223,232) |
hsl(192,49%,82%) |
#a8d6e1 |
rgb(168,214,225) |
hsl(192,49%,77%) |
#95cddb |
rgb(149,205,219) |
hsl(192,49%,72%) |
#82c4d4 |
rgb(130,196,212) |
hsl(192,49%,67%) |
#6fbbce |
rgb(111,187,206) |
hsl(192,49%,62%) |
#5cb2c7 |
rgb(92,178,199) |
hsl(192,49%,57%) |
#49a9c1 |
rgb(73,169,193) |
hsl(192,49%,52%) |
#3d9bb3 |
rgb(61,155,179) |
hsl(192,49%,47%) |
#378ba0 |
rgb(55,139,160) |
hsl(192,49%,42%) |
#307a8d |
rgb(48,122,141) |
hsl(192,49%,37%) |
#2a6a7a |
rgb(42,106,122) |
hsl(192,49%,32%) |
#235967 |
rgb(35,89,103) |
hsl(192,49%,27%) |
#1d4954 |
rgb(29,73,84) |
hsl(192,49%,22%) |
#163841 |
rgb(22,56,65) |
hsl(192,49%,17%) |
#10282e |
rgb(16,40,46) |
hsl(192,49%,12%) |
#09171b |
rgb(9,23,27) |
hsl(192,49%,7%) |
#030708 |
rgb(3,7,8) |
hsl(192,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#308C62 |
rgb(48,140,98) |
hsl(153,49%,37%) |
#307A8D |
rgb(48,122,141) |
hsl(192,49%,37%) |
#303D8D |
rgb(48,61,141) |
hsl(232,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#378CA3 |
rgb(55,140,163) |
hsl(193,50%,43%) |
#307A8D |
rgb(48,122,141) |
hsl(192,49%,37%) |
#286676 |
rgb(40,102,118) |
hsl(192,49%,31%) |
#20545F |
rgb(32,84,95) |
hsl(190,50%,25%) |
#184049 |
rgb(24,64,73) |
hsl(191,51%,19%) |
#112B32 |
rgb(17,43,50) |
hsl(193,49%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#307A8D |
rgb(48,122,141) |
hsl(192,49%,37%) |
#8D304B |
rgb(141,48,75) |
hsl(343,49%,37%) |
#8D7330 |
rgb(141,115,48) |
hsl(43,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307A8D |
rgb(48,122,141) |
hsl(192,49%,37%) |
#8D4230 |
rgb(141,66,48) |
hsl(12,49%,37%) |
#308C71 |
rgb(48,140,113) |
hsl(162,49%,37%) |
#8D7330 |
rgb(141,115,48) |
hsl(43,49%,37%) |