#004F63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Raging Thunderstorm is a deep, desaturated teal that carries a moody, intellectual weight. Because it is quite dark, use this as a strong base or background color rather than for fine text. It offers excellent contrast for white typography, ensuring readability in UI designs. The hex code for this shade is #004f63. It works best in professional, tech-focused branding that requires a serious, grounded aesthetic.
About Raging Thunderstorm
Deep harbor water just past the last dock light
What does raging thunderstorm mean?
This color often brings to mind deep water, stormy skies, and the steady mood of cold weather. Its low lightness makes it heavy and enclosed, and the muted saturation keeps it subdued instead of bright.
Where you see raging thunderstorm
- deep lake water on an overcast day
- a diver's wetsuit
- painted fishing boats
- ceramic bathroom tile
- heavy wool blankets
What it works for
It works well as a background for dashboards, winter packaging, and interiors that need weight without harshness.
What colors go with raging thunderstorm?
Warm Sand #c5ae91The pale warm neutral lifts the dark teal without making it look bright.Dusty Rose #b56f76The muted pink sits close in saturation, so both colors stay soft together.Burnt Sienna #a93400The earthy orange is a near complement and adds warmth to the cold base.Pale Slate #9fabadThe gray keeps the palette cool and lets the deep teal carry the color.Ivory #fffff0The clean off-white gives sharp separation against the dark, low-light tone.Amber #ffbf00The golden hue acts like lamplight against this shade of deep water.
Questions about Raging Thunderstorm
What is the hex code for Raging Thunderstorm?
Raging Thunderstorm is #004f63. In RGB that is rgb(0, 79, 99), in HSL hsl(192, 100%, 19%) and in CMYK 100%, 20%, 0%, 61%.
Is #004f63 suitable for primary website text?
While #004f63 functions well as a bold accent or background, it lacks the necessary contrast to be used as primary body text against standard white or off-white backgrounds. Use it primarily for UI elements or headers that require a solid, professional foundation.
Is Raging Thunderstorm readable on white or black?
Raging Thunderstorm has a 9.13:1 contrast ratio on white and 2.29:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.