Carbon Fibre Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Carbon Fibre (#2E2E2E), each snapped to its nearest named color.
#2E2E2E
#20392C
#272F38
#130D0D
#3E6655
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Carbon Fibre | #2E2E2E | 46, 46, 46 | 0°, 0%, 18% | 0, 0, 0, 82 | |
| Palm Green | #20392C | 32, 57, 44 | 149°, 28%, 17% | 44, 0, 23, 78 | |
| Chimney Sweep | #272F38 | 39, 47, 56 | 212°, 18%, 19% | 30, 16, 0, 78 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | |
| Isle of Pines | #3E6655 | 62, 102, 85 | 154°, 24%, 32% | 39, 0, 17, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #130D0D on #3E6655 | 2.97:1 | — |
| Aa #2E2E2E on #3E6655 | 2.09:1 | — |
| Aa #272F38 on #3E6655 | 2.09:1 | — |
| Aa #20392C on #3E6655 | 1.92:1 | — |
| Aa #20392C on #130D0D | 1.54:1 | — |
| Aa #272F38 on #130D0D | 1.42:1 | — |
CSS variables
:root {
--color-1: #2e2e2e; /* Carbon Fibre */
--color-2: #20392c; /* Palm Green */
--color-3: #272f38; /* Chimney Sweep */
--color-4: #130d0d; /* Optophobia */
--color-5: #3e6655; /* Isle of Pines */
}Other schemes from Carbon Fibre
- Carbon Fibre Complementary Color Scheme#2E2E2E#774645#203838#0F1012#487A7B
- Carbon Fibre Analogous Color Scheme#3A243B#3C202F#2E2E2E#3C2F23#3F3925
- Carbon Fibre Triadic Color Scheme#2E2E2E#253529#21263A#784848#051009
- Carbon Fibre Tetradic Color Scheme#2E2E2E#2C3D28#203838#2C2133#784848
- Carbon Fibre Monochromatic Color Scheme#0F0F0F#0F0F0F#2E2E2E#545454#7C7A7A
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
- 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
- Ink Black Split-complementary Color Scheme#252024#1B2B1B#162825#150811#415B36
Questions
What colors go with Carbon Fibre?
In a split-complementary scheme: Palm Green (#20392C), Chimney Sweep (#272F38), Optophobia (#130D0D), Isle of Pines (#3E6655).
What is the hex code of Carbon Fibre?
#2E2E2E.