Haiti Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Haiti (#2C2A35), each snapped to its nearest named color.
#2C2A35
#3C3523
#2C3D28
#0B0C14
#665E43
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Haiti | #2C2A35 | 44, 42, 53 | 251°, 12%, 19% | 17, 21, 0, 79 | |
| Devlan Mud Wash | #3C3523 | 60, 53, 35 | 43°, 26%, 19% | 0, 12, 42, 76 | |
| Gothic Horror | #2C3D28 | 44, 61, 40 | 109°, 21%, 20% | 28, 0, 34, 76 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Gator Tail | #665E43 | 102, 94, 67 | 46°, 21%, 33% | 0, 8, 34, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #665E43 | 3.02:1 | AA large |
| Aa #2C2A35 on #665E43 | 2.18:1 | — |
| Aa #3C3523 on #665E43 | 1.88:1 | — |
| Aa #2C3D28 on #665E43 | 1.80:1 | — |
| Aa #2C3D28 on #0B0C14 | 1.68:1 | — |
| Aa #3C3523 on #0B0C14 | 1.60:1 | — |
CSS variables
:root {
--color-1: #2c2a35; /* Haiti */
--color-2: #3c3523; /* Devlan Mud Wash */
--color-3: #2c3d28; /* Gothic Horror */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #665e43; /* Gator Tail */
}Other schemes from Haiti
- Haiti Complementary Color Scheme#2C2A35#4B4775#393D2A#12110E#75794A
- Haiti Analogous Color Scheme#213638#272A3B#2C2A35#3A243B#3B2736
- Haiti Triadic Color Scheme#2C2A35#3E2723#20392C#534A77#130D0D
- Haiti Tetradic Color Scheme#2C2A35#372528#393D2A#203838#534A77
- Haiti Monochromatic Color Scheme#0F0F0F#0F0F0F#2C2A35#4E4E63#746C8F
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
- 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 Haiti?
In a split-complementary scheme: Devlan Mud Wash (#3C3523), Gothic Horror (#2C3D28), Midnight Oil (#0B0C14), Gator Tail (#665E43).
What is the hex code of Haiti?
#2C2A35.