Storm Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Storm (#000B44), each snapped to its nearest named color.
#000B44
#411900
#334400
#01081C
#993300
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Storm | #000B44 | 0, 11, 68 | 230°, 100%, 13% | 100, 84, 0, 73 | 19.6% 0.107 264 | |
| Bath in Chocolate | #411900 | 65, 25, 0 | 23°, 100%, 13% | 0, 62, 100, 75 | 27.0% 0.072 49 | |
| Garden Shadow | #334400 | 51, 68, 0 | 75°, 100%, 13% | 25, 0, 100, 73 | 35.9% 0.089 124 | |
| Melanophobia | #01081C | 1, 8, 28 | 224°, 93%, 6% | 96, 71, 0, 89 | 14.0% 0.047 260 | |
| Chocoholic | #993300 | 153, 51, 0 | 20°, 100%, 30% | 0, 67, 100, 40 | 46.6% 0.145 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #01081C on #993300 | 2.69:1 | — |
| Aa #000B44 on #993300 | 2.50:1 | — |
| Aa #411900 on #993300 | 2.07:1 | — |
| Aa #334400 on #01081C | 1.87:1 | — |
| Aa #000B44 on #334400 | 1.74:1 | — |
| Aa #411900 on #334400 | 1.44:1 | — |
CSS variables
:root {
--color-1: #000b44; /* Storm */
--color-2: #411900; /* Bath in Chocolate */
--color-3: #334400; /* Garden Shadow */
--color-4: #01081c; /* Melanophobia */
--color-5: #993300; /* Chocoholic */
}Other schemes from Storm
- Storm Complementary Color Scheme#000B44#0018A8#443300#1F180A#AB9004
- Storm Analogous Color Scheme#014431#003344#000B44#110044#3B0346
- Storm Triadic Color Scheme#000B44#440011#114400#0018A8#1D0200
- Storm Tetradic Color Scheme#000B44#4C022F#443300#004411#0018A8
- Storm Monochromatic Color Scheme#01081C#01081C#000B44#011993#0022DD
More very dark blue split-complementary color schemes
- Astral Nomad Split-complementary Color Scheme#203943#482029#423921#0F1012#773644
- Azulado Split-complementary Color Scheme#211D49#4E3E1F#2F441F#080813#886037
- Beyond the Stars Split-complementary Color Scheme#0A3251#551111#544E03#0B0F1A#9B111E
- Black Pearl Split-complementary Color Scheme#1E272C#351E1C#2F2E1F#0F1012#5F383C
- Black Velvet Split-complementary Color Scheme#222233#342C21#2E3222#0B0C14#61513D
- Blue Whale Split-complementary Color Scheme#1E3442#4C1C24#4E3E1F#0F1012#73383C
- Cinder Split-complementary Color Scheme#242A2E#3B1F23#2F2E1F#0F1012#653A3D
- Corbeau Split-complementary Color Scheme#111122#231712#172713#0B0C14#55422B
- Dark Split-complementary Color Scheme#1B2431#351E1C#2F2E1F#0B0C14#613936
- Dark Eclipse Split-complementary Color Scheme#112244#471C0F#304112#060B14#803020
- Dark Knight Split-complementary Color Scheme#151931#351F19#223311#0B0C14#67422D
- Dark Soul Split-complementary Color Scheme#112255#552211#48531A#01081C#9B351B
Questions
What colors go with Storm?
In a split-complementary scheme: Bath in Chocolate (#411900), Garden Shadow (#334400), Melanophobia (#01081C), Chocoholic (#993300).
What is the hex code of Storm?
#000B44.