Phantom Ship Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Phantom Ship (#2F3434), each snapped to its nearest named color.
#2F3434
#3E2631
#3C3024
#0F1012
#6C445B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Phantom Ship | #2F3434 | 47, 52, 52 | 180°, 5%, 19% | 10, 0, 0, 80 | |
| Toledo | #3E2631 | 62, 38, 49 | 332°, 24%, 20% | 0, 39, 21, 76 | |
| Cola Bubble | #3C3024 | 60, 48, 36 | 30°, 25%, 19% | 0, 20, 40, 76 | |
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Prune Purple | #6C445B | 108, 68, 91 | 326°, 23%, 35% | 0, 37, 16, 58 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #6C445B | 2.37:1 | — |
| Aa #3E2631 on #6C445B | 1.71:1 | — |
| Aa #3C3024 on #6C445B | 1.59:1 | — |
| Aa #2F3434 on #6C445B | 1.57:1 | — |
| Aa #2F3434 on #0F1012 | 1.51:1 | — |
| Aa #3C3024 on #0F1012 | 1.49:1 | — |
CSS variables
:root {
--color-1: #2f3434; /* Phantom Ship */
--color-2: #3e2631; /* Toledo */
--color-3: #3c3024; /* Cola Bubble */
--color-4: #0f1012; /* Ruined Smores */
--color-5: #6c445b; /* Prune Purple */
}Other schemes from Phantom Ship
- Phantom Ship Complementary Color Scheme#2F3434#487678#3E2723#130D0D#7C4848
- Phantom Ship Analogous Color Scheme#2C3D28#2B3F36#2F3434#24313D#21263A
- Phantom Ship Triadic Color Scheme#2F3434#3A243B#3E3D29#487A7B#150811
- Phantom Ship Tetradic Color Scheme#2F3434#38283D#3E2723#2C3D28#487A7B
- Phantom Ship Monochromatic Color Scheme#0F0F0F#0F0F0F#2F3434#555B59#768482
More Very Dark Gray split-complementary palettes
- Anthracite Split-complementary Color Scheme#28282D#342C21#2E3222#0B0C14#61513D
- Aztec Split-complementary Color Scheme#293432#3C2233#372B25#0F1012#6C445B
- Bitter Liquorice Split-complementary Color Scheme#262926#2E183B#3B1F23#051009#4A3C62
- Carbon Fibre Split-complementary Color Scheme#2E2E2E#20392C#272F38#130D0D#3E6655
- Caviar Split-complementary Color Scheme#2B2C30#3B2820#333322#0B0C14#694D3D
- Dark Charcoal Split-complementary Color Scheme#333232#2B3F36#24313D#130D0D#416858
- Darth Vader Split-complementary Color Scheme#27252A#2F2E1F#2F2E1F#0B0C14#665A38
- Diesel Split-complementary Color Scheme#322C2B#20392C#272A3B#130D0D#416858
- Dire Wolf Split-complementary Color Scheme#282828#1B3427#1B2632#130D0D#38614C
- Graphite Black Split-complementary Color Scheme#262A2B#3B1F23#362C1D#0F1012#643B46
- Haiti Split-complementary Color Scheme#2C2A35#3C3523#2C3D28#0B0C14#665E43
- Holy Crow Split-complementary Color Scheme#332F2C#203838#21263A#130D0D#456B67
Questions
What colors go with Phantom Ship?
In a split-complementary scheme: Toledo (#3E2631), Cola Bubble (#3C3024), Ruined Smores (#0F1012), Prune Purple (#6C445B).
What is the hex code of Phantom Ship?
#2F3434.