Poblano Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Poblano (#077F1B), each snapped to its nearest named color.
#077F1B
#49017E
#7B002C
#003311
#8806CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Poblano | #077F1B | 7, 127, 27 | 130°, 90%, 26% | 94, 0, 79, 50 | 51.9% 0.165 144 | |
| Invasive Indigo | #49017E | 73, 1, 126 | 275°, 98%, 25% | 42, 99, 0, 51 | 33.3% 0.175 302 | |
| Bordeaux | #7B002C | 123, 0, 44 | 339°, 100%, 24% | 0, 100, 64, 52 | 37.2% 0.149 11 | |
| Haunted Hills | #003311 | 0, 51, 17 | 140°, 100%, 10% | 100, 0, 67, 80 | 28.0% 0.079 149 | |
| French Violet | #8806CE | 136, 6, 206 | 279°, 94%, 42% | 34, 97, 0, 19 | 49.6% 0.252 307 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #077F1B on #003311 | 2.74:1 | — |
| Aa #077F1B on #49017E | 2.56:1 | — |
| Aa #077F1B on #7B002C | 2.16:1 | — |
| Aa #003311 on #8806CE | 2.00:1 | — |
| Aa #49017E on #8806CE | 1.87:1 | — |
| Aa #7B002C on #8806CE | 1.58:1 | — |
CSS variables
:root {
--color-1: #077f1b; /* Poblano */
--color-2: #49017e; /* Invasive Indigo */
--color-3: #7b002c; /* Bordeaux */
--color-4: #003311; /* Haunted Hills */
--color-5: #8806ce; /* French Violet */
}Other schemes from Poblano
- Poblano Complementary Color Scheme#077F1B#13DA25#7D0061#330033#FF01B7
- Poblano Analogous Color Scheme#6F7C00#337700#077F1B#007F59#076A7E
- Poblano Triadic Color Scheme#077F1B#110077#7C1C05#00E436#100438
- Poblano Tetradic Color Scheme#077F1B#0A2F7C#7D0061#7B5804#00E436
- Poblano Monochromatic Color Scheme#031602#003311#077F1B#00CC33#2DFE54
More dark green split-complementary color schemes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Poblano?
In a split-complementary scheme: Invasive Indigo (#49017E), Bordeaux (#7B002C), Haunted Hills (#003311), French Violet (#8806CE).
What is the hex code of Poblano?
#077F1B.