HEX #304F6F color — San Juan
The color #304F6F is a dark shade and moderately saturated.
Palette
304F6F color palette from light to dark
HEX |
RGB |
HSL |
#f1f5f9 |
rgb(241,245,249) |
hsl(210,40%,96%) |
#dfe8f1 |
rgb(223,232,241) |
hsl(210,40%,91%) |
#cddbea |
rgb(205,219,234) |
hsl(210,40%,86%) |
#bbcfe2 |
rgb(187,207,226) |
hsl(210,40%,81%) |
#a9c2da |
rgb(169,194,218) |
hsl(210,40%,76%) |
#97b5d3 |
rgb(151,181,211) |
hsl(210,40%,71%) |
#86a8cb |
rgb(134,168,203) |
hsl(210,40%,66%) |
#749cc3 |
rgb(116,156,195) |
hsl(210,40%,61%) |
#628fbc |
rgb(98,143,188) |
hsl(210,40%,56%) |
#5082b4 |
rgb(80,130,180) |
hsl(210,40%,51%) |
#4675a4 |
rgb(70,117,164) |
hsl(210,40%,46%) |
#3f6992 |
rgb(63,105,146) |
hsl(210,40%,41%) |
#375c81 |
rgb(55,92,129) |
hsl(210,40%,36%) |
#2f4f6f |
rgb(47,79,111) |
hsl(210,40%,31%) |
#28425d |
rgb(40,66,93) |
hsl(210,40%,26%) |
#20364b |
rgb(32,54,75) |
hsl(210,40%,21%) |
#182939 |
rgb(24,41,57) |
hsl(210,40%,16%) |
#111c27 |
rgb(17,28,39) |
hsl(210,40%,11%) |
#090f15 |
rgb(9,15,21) |
hsl(210,40%,6%) |
#020304 |
rgb(2,3,4) |
hsl(210,40%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#307065 |
rgb(48,112,101) |
hsl(170,40%,31%) |
#304F6F |
rgb(48,79,111) |
hsl(210,40%,31%) |
#3B306F |
rgb(59,48,111) |
hsl(250,40%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375C80 |
rgb(55,92,128) |
hsl(210,40%,36%) |
#304F6F |
rgb(48,79,111) |
hsl(210,40%,31%) |
#28425D |
rgb(40,66,93) |
hsl(211,40%,26%) |
#20364B |
rgb(32,54,75) |
hsl(209,40%,21%) |
#182939 |
rgb(24,41,57) |
hsl(209,41%,16%) |
#111C27 |
rgb(17,28,39) |
hsl(210,39%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304F6F |
rgb(48,79,111) |
hsl(210,40%,31%) |
#6F3030 |
rgb(111,48,48) |
hsl(360,40%,31%) |
#6E7030 |
rgb(110,112,48) |
hsl(62,40%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304F6F |
rgb(48,79,111) |
hsl(210,40%,31%) |
#6F4F30 |
rgb(111,79,48) |
hsl(30,40%,31%) |
#306E6F |
rgb(48,110,111) |
hsl(181,40%,31%) |
#6E7030 |
rgb(110,112,48) |
hsl(62,40%,31%) |