San Juan (#304B6A)
San Juan is is a color with HEX code #304B6A,
RGB value 48, 75, 106 and HSL coordinates
212°, 38%, 30%.
This color is part of a color palette that contains 48 different gradient variations for professional design.
About This Color
Color San Juan (#304B6A) is a fundamental hue with RGB(48, 75, 106) and HSL(212°, 38%, 30%) values. This comprehensive color page features 48 CSS gradient combinations in multiple directions, complementary color (#6A4E2F), rich color harmonies (Analogous, Triadic, Monochromatic, Split-Complementary), and expertly curated similar shades like Rhino, Fiord, Pickled Bluewood, Casal, Astronaut, Oxford Blue. Perfect for web design, graphic design, and print projects. Explore all gradient variations, copy CSS code instantly, and discover professional color combinations.
Recommended Colors (16)
Color Palettes & Harmonies
Complementary Color
The complementary color is the hue located directly opposite the main color on the color wheel. Their combination creates maximum visual contrast and dynamism and is perfect for accent colors.
Opposite Color Palettes
Opposite Analogous Palette
Monochromatic (5 HEX)
Analogous (5 HEX)
Triadic (5 HEX)
Split Complementary (5 HEX)
Tints (Lighter) (5 HEX)
Shades (Darker) (5 HEX)
Color Videos (Gradient Animations)
Complementary Gradient
Animated gradient video showcasing color harmony
Analogous Gradient
Animated gradient video showcasing color harmony
Triadic Gradient
Animated gradient video showcasing color harmony