3AM Breakup Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around 3AM Breakup (#330404), each snapped to its nearest named color.
#330404
#0D2E1C
#001F33
#1D0200
#027944
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| 3AM Breakup | #330404 | 51, 4, 4 | 0°, 85%, 11% | 0, 92, 92, 80 | |
| Bush | #0D2E1C | 13, 46, 28 | 147°, 56%, 12% | 72, 0, 39, 82 | |
| Cyanophobia | #001F33 | 0, 31, 51 | 204°, 100%, 10% | 100, 39, 0, 80 | |
| Dwarf Fortress | #1D0200 | 29, 2, 0 | 4°, 100%, 6% | 0, 93, 100, 89 | |
| Blarney Stone | #027944 | 2, 121, 68 | 153°, 97%, 24% | 98, 0, 44, 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1D0200 on #027944 | 3.60:1 | AA large |
| Aa #330404 on #027944 | 3.29:1 | AA large |
| Aa #001F33 on #027944 | 3.07:1 | AA large |
| Aa #0D2E1C on #027944 | 2.68:1 | — |
| Aa #0D2E1C on #1D0200 | 1.34:1 | — |
| Aa #330404 on #0D2E1C | 1.23:1 | — |
CSS variables
:root {
--color-1: #330404; /* 3AM Breakup */
--color-2: #0d2e1c; /* Bush */
--color-3: #001f33; /* Cyanophobia */
--color-4: #1d0200; /* Dwarf Fortress */
--color-5: #027944; /* Blarney Stone */
}Other schemes from 3AM Breakup
- 3AM Breakup Complementary Color Scheme#330404#850E04#043132#0E191C#0D9494
- 3AM Breakup Analogous Color Scheme#330033#330018#330404#341C02#333300
- 3AM Breakup Triadic Color Scheme#330404#033500#000435#920F0E#031602
- 3AM Breakup Tetradic Color Scheme#330404#133700#043132#160435#920F0E
- 3AM Breakup Monochromatic Color Scheme#1D0200#1D0200#330404#7A0E0E#C30A12
More Very Dark Red split-complementary palettes
- Aubergine Split-complementary Color Scheme#372528#20392C#24313D#130D0D#3E644F
- Bruised Plum Split-complementary Color Scheme#3B1921#193925#1C3339#130D0D#276B40
- Burned Split-complementary Color Scheme#520B00#005437#001155#1D0200#009E60
- Chocolate Rush Split-complementary Color Scheme#4E1B0B#044F3B#17184B#1A0600#1B8A6B
- Dark Orchestra Split-complementary Color Scheme#251B19#162825#181B26#130D0D#32584C
- English Breakfast Split-complementary Color Scheme#441111#17462E#153043#130A06#238652
- Ethereal Espresso Split-complementary Color Scheme#3E2723#273F39#21303E#130D0D#3E6F58
- Italian Roast Split-complementary Color Scheme#221111#12221D#161820#130A06#2A5443
- Lonely Chocolate Split-complementary Color Scheme#4A0A00#014E2E#001146#1D0200#009966
- Minotaur Hide Split-complementary Color Scheme#4A120D#17462E#112244#1A0600#138859
- Mole Split-complementary Color Scheme#392D2B#273F39#2A2E3F#130D0D#416858
- Nether Split-complementary Color Scheme#2E0303#0D2E1C#001B2E#1D0200#037A3B
Questions
What colors go with 3AM Breakup?
In a split-complementary scheme: Bush (#0D2E1C), Cyanophobia (#001F33), Dwarf Fortress (#1D0200), Blarney Stone (#027944).
What is the hex code of 3AM Breakup?
#330404.