HEX #306E8A color — Calypso
The color #306E8A is a dark shade and moderately saturated.
Palette
306E8A color palette from light to dark
HEX |
RGB |
HSL |
#f0f7fa |
rgb(240,247,250) |
hsl(199,48%,96%) |
#ddecf3 |
rgb(221,236,243) |
hsl(199,48%,91%) |
#cae2ec |
rgb(202,226,236) |
hsl(199,48%,86%) |
#b7d7e6 |
rgb(183,215,230) |
hsl(199,48%,81%) |
#a4cddf |
rgb(164,205,223) |
hsl(199,48%,76%) |
#92c2d9 |
rgb(146,194,217) |
hsl(199,48%,71%) |
#7fb8d2 |
rgb(127,184,210) |
hsl(199,48%,66%) |
#6cadcb |
rgb(108,173,203) |
hsl(199,48%,61%) |
#59a3c5 |
rgb(89,163,197) |
hsl(199,48%,56%) |
#4698be |
rgb(70,152,190) |
hsl(199,48%,51%) |
#3d8aae |
rgb(61,138,174) |
hsl(199,48%,46%) |
#367b9b |
rgb(54,123,155) |
hsl(199,48%,41%) |
#306c88 |
rgb(48,108,136) |
hsl(199,48%,36%) |
#295d75 |
rgb(41,93,117) |
hsl(199,48%,31%) |
#224e62 |
rgb(34,78,98) |
hsl(199,48%,26%) |
#1c3f4f |
rgb(28,63,79) |
hsl(199,48%,21%) |
#15303c |
rgb(21,48,60) |
hsl(199,48%,16%) |
#0f212a |
rgb(15,33,42) |
hsl(199,48%,11%) |
#081217 |
rgb(8,18,23) |
hsl(199,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(199,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308A6A |
rgb(48,138,106) |
hsl(159,48%,36%) |
#306E8A |
rgb(48,110,138) |
hsl(199,48%,36%) |
#30338A |
rgb(48,51,138) |
hsl(238,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3780A0 |
rgb(55,128,160) |
hsl(198,49%,42%) |
#306E8A |
rgb(48,110,138) |
hsl(199,48%,36%) |
#285C73 |
rgb(40,92,115) |
hsl(198,48%,30%) |
#204A5D |
rgb(32,74,93) |
hsl(199,49%,25%) |
#183847 |
rgb(24,56,71) |
hsl(199,49%,19%) |
#112931 |
rgb(17,41,49) |
hsl(195,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306E8A |
rgb(48,110,138) |
hsl(199,48%,36%) |
#8A3041 |
rgb(138,48,65) |
hsl(349,48%,36%) |
#8A7830 |
rgb(138,120,48) |
hsl(48,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306E8A |
rgb(48,110,138) |
hsl(199,48%,36%) |
#8A4D30 |
rgb(138,77,48) |
hsl(19,48%,36%) |
#308A79 |
rgb(48,138,121) |
hsl(169,48%,36%) |
#8A7830 |
rgb(138,120,48) |
hsl(48,48%,36%) |