Raging Thunderstorm Complementary Color Scheme
Five colors arranged by the complementary rule around Raging Thunderstorm (#004F63), each snapped to its nearest named color.
#004F63
#0094BB
#661100
#1A0600
#CC2200
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Raging Thunderstorm | #004F63 | 0, 79, 99 | 192°, 100%, 19% | 100, 20, 0, 61 | |
| Blue Danube | #0094BB | 0, 148, 187 | 193°, 100%, 37% | 100, 21, 0, 27 | |
| Cowpeas | #661100 | 102, 17, 0 | 10°, 100%, 20% | 0, 83, 100, 60 | |
| Soy Sauce | #1A0600 | 26, 6, 0 | 14°, 100%, 5% | 0, 77, 100, 90 | |
| Piment Piquant | #CC2200 | 204, 34, 0 | 10°, 100%, 40% | 0, 83, 100, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0094BB on #1A0600 | 5.56:1 | AA |
| Aa #0094BB on #661100 | 3.62:1 | AA large |
| Aa #1A0600 on #CC2200 | 3.55:1 | AA large |
| Aa #004F63 on #0094BB | 2.59:1 | — |
| Aa #661100 on #CC2200 | 2.31:1 | — |
| Aa #004F63 on #1A0600 | 2.15:1 | — |
CSS variables
:root {
--color-1: #004f63; /* Raging Thunderstorm */
--color-2: #0094bb; /* Blue Danube */
--color-3: #661100; /* Cowpeas */
--color-4: #1a0600; /* Soy Sauce */
--color-5: #cc2200; /* Piment Piquant */
}Other schemes from Raging Thunderstorm
- Raging Thunderstorm Analogous Color Scheme#016612#006442#004F63#001166#110066
- Raging Thunderstorm Triadic Color Scheme#004F63#64005E#556600#01A2C6#180614
- Raging Thunderstorm Split-complementary Color Scheme#004F63#680018#664400#0E191C#AC0132
- Raging Thunderstorm Tetradic Color Scheme#004F63#4B006E#661100#11610F#01A2C6
- Raging Thunderstorm Monochromatic Color Scheme#0E191C#0E191C#004F63#008DB0#02CCFE
More Very Dark Teal complementary palettes
- Abyssal Waters Complementary Color Scheme#005765#00AAC1#661100#1D0200#CC1100
- Black Box Complementary Color Scheme#0F282F#206174#2F1611#130A06#7B3728
- Black Stallion Complementary Color Scheme#0E191C#294F58#1A1110#130D07#603932
- Botanical Night Complementary Color Scheme#12403C#20887A#441111#130A06#922A31
- Cape Verde Complementary Color Scheme#01554F#0AAFA4#550000#1D0200#BB0011
- Cold and Dark Complementary Color Scheme#154250#2D7E96#552211#130A06#A64826
- Elite Teal Complementary Color Scheme#133337#2A7279#341515#130A06#87382F
- Mosque Complementary Color Scheme#005F5B#0ABAB5#550000#1D0200#C30305
- Rich Black Complementary Color Scheme#004040#009A9E#410200#1D0200#A60000
- Royal Neptune Complementary Color Scheme#1C3B42#347284#46221B#130D07#8B483D
- Sunken Harbour Complementary Color Scheme#1C3D44#367588#46221B#130D07#8E473B
- Sunken Ship Complementary Color Scheme#10252A#22606E#2F1611#130A06#76392E
Questions
What colors go with Raging Thunderstorm?
In a complementary scheme: Blue Danube (#0094BB), Cowpeas (#661100), Soy Sauce (#1A0600), Piment Piquant (#CC2200).
What is the hex code of Raging Thunderstorm?
#004F63.