Sirocco (#718080)

Sirocco is is a color with HEX code #718080, RGB value 113, 128, 128 and HSL coordinates 180°, 6%, 47%. This color is part of a color palette that contains 48 different gradient variations for professional design.

HEX

#718080

RGB

113, 128, 128

HSL

180°, 6%, 47%

CSS Gradients

View All Colors (40)

HEX

#718080

RGB

113, 128, 128

HSL

180°, 6%, 47%

About This Color

Color Sirocco (#718080) is a fundamental hue with RGB(113, 128, 128) and HSL(180°, 6%, 47%) values. This comprehensive color page features 48 CSS gradient combinations in multiple directions, complementary color (#7F7171), rich color harmonies (Analogous, Triadic, Monochromatic, Split-Complementary), and expertly curated similar shades like Rolling Stone, Blue Smoke, Pale Sky, Xanadu, Raven, Jumbo. Perfect for web design, graphic design, and print projects. Explore all gradient variations, copy CSS code instantly, and discover professional color combinations.

Previous color Next color

View All Colors (1654)

Recommended Colors (16)

Color Palettes & Harmonies

Complementary Color

#7F7171

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.

#7F7171

Opposite Color Palettes

Opposite Analogous Palette

#7f7178

#7f7174

#7f7171

#7f7471

#7f7871

Monochromatic (5 HEX)

#4D5656

#657272

#718080

#7D8C8C

#98A4A4

#4D5656, #657272, #718080, #7D8C8C, #98A4A4

Analogous (5 HEX)

#717F78

#717F7B

#718080

#717B7F

#71787F

#717F78, #717F7B, #718080, #717B7F, #71787F

Triadic (5 HEX)

#718080

#645964

#7F717F

#646459

#7F7F71

#718080, #645964, #7F717F, #646459, #7F7F71

Split Complementary (5 HEX)

#718080

#7F7178

#7F7871

#64595E

#645E59

#718080, #7F7178, #7F7871, #64595E, #645E59

Tints (Lighter) (5 HEX)

#718080

#859393

#9EA9A9

#B3BCBC

#CCD1D1

#718080, #859393, #9EA9A9, #B3BCBC, #CCD1D1

Shades (Darker) (5 HEX)

#718080

#606C6C

#4F5959

#3C4444

#2B3131

#718080, #606C6C, #4F5959, #3C4444, #2B3131

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

All Gradient Variations (48)

complementary 0°