Skip to content

Storm Color Code: HEX Code & RGB Code Values ​

Looking for specific storm color code? Get exact storm hex code #404A54 and storm RGB code rgb(64,74,84). Complete color information for design and development projects featuring this dramatic, intense blue-grey color.

Visual example of storm color with its dramatic, intense blue-grey appearance
HEX#404A54
RGBrgb(64,74,84)

Shades of Storm ​

Create custom shades of storm with our color generator. Adjust hues, tints, and tones to find the perfect shade of storm for your project.

🎨

Shades (Adding Black)

  • 404A54
    rgb(64, 74, 84)
  • 363E46
    rgb(54, 62, 70)
  • 2C3239
    rgb(44, 50, 57)
  • 23272C
    rgb(35, 39, 44)
  • 1A1C1F
    rgb(26, 28, 31)
  • 101113
    rgb(16, 17, 19)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 404A54
    rgb(64, 74, 84)
  • 5D656E
    rgb(93, 101, 110)
  • 7B8289
    rgb(123, 130, 137)
  • 9AA0A5
    rgb(154, 160, 165)
  • BBBEC2
    rgb(187, 190, 194)
  • DCDEE0
    rgb(220, 222, 224)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 404A54
    rgb(64, 74, 84)
  • 414A53
    rgb(65, 74, 83)
  • 434A51
    rgb(67, 74, 81)
  • 44494F
    rgb(68, 73, 79)
  • 46494D
    rgb(70, 73, 77)
  • 47494B
    rgb(71, 73, 75)
  • 808080
    rgb(128, 128, 128)

Storm Palette ​

Explore curated and automatically generated color palettes featuring storm. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#A0B1C1
Light
#7E8D9B
Medium Light
#5E6A77
Medium
#404A54
Medium Dark
#313840
Dark
#22272C
Darkest
#14171A

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#404A54
Left Dark
#6A7179
Left Medium
#969BA1
Left Light
#C4C7CA
Neutral
#F5F5F5
Right Light
#CAC7C4
Right Medium
#A19B95
Right Dark
#7A7169
Complementary End
#544A40

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#9AA0A5
Medium
#404A54
Dark
#1E2831
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#40544A
Left Adjacent 1
#405454
Main
#404A54
Right Adjacent 1
#404054
Right Adjacent 2
#4A4054

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#404A54
Complementary
#544A40

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#404A54
Secondary
#54404A
Tertiary
#4A5440

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#404A54
Right 90°
#544054
Complementary
#544A40
Left 90°
#405440

Tetradic

Two pairs of complementary colors

4 colors
Main
#404A54
Secondary
#4A4054
Complementary
#544A40
Complementary Secondary
#4A5440

Split Complementary

Complementary colors ±30°

3 colors
Main
#404A54
Split Left
#544040
Split Right
#545440

Cyclic

Circular gradient for periodic data

8 colors
0°
#404A54
45°
#454054
90°
#544054
135°
#544045
180°
#544A40
225°
#4F5440
270°
#405440
315°
#40544F

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#ABB3BA
Pastel 1
#B6BDC3
Pastel 2
#C1C7CD
Pastel 3
#CDD1D6
Pastel 4
#D8DBDF
Deep Pastel
#E3E5E8

Common Grey Color Codes (HEX & RGB) ​

Gray/Grey →
HEX:#808080
RGB:rgb(128, 128, 128)
Silver →
HEX:#C0C0C0
RGB:rgb(192,192,192)
Dark Grey →
HEX:#A9A9A9
RGB:rgb(169, 169, 169)

Extract Storm Hex & RGB Codes from Image ​

Upload a photo to find the exact storm HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Storm Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for storm shades.

🎨

All Formats:

  • HEX:
    #404A54
  • RGB:
    rgb(64, 74, 84)
  • CMYK:
    cmyk(24%, 12%, 0%, 67%)
  • HSV:
    hsv(210°, 24%, 33%)
  • HSL:
    hsl(210°, 14%, 29%)

What is Storm? ​

Storm is a dramatic, intense blue-grey color that resembles the color of storm clouds. It's a powerful, moody shade that evokes feelings of intensity and drama. This color is often associated with weather, storms, and dramatic aesthetics.

The hex code for storm is #404A54, with RGB values of rgb(64, 74, 84). It's a powerful, beautiful color that adds drama to any design.

Design Applications ​

Storm works well in dramatic designs, weather aesthetics, and moody themes. It pairs beautifully with white, yellow, and orange. Use it for weather designs, dramatic themes, or to create an intense, moody atmosphere in your projects.

FAQ ​

What is the storm hex code? ​

The storm hex code is #404A54.

What colors complement storm? ​

Storm pairs well with white, yellow, orange, and deep blues.

Is storm named after the weather? ​

Yes, it's named for the dramatic color of storm clouds.