Prairie Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Prairie (#0B9D6A), each snapped to its nearest named color.
#0B9D6A
#990088
#9F2305
#005437
#FC0FC0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prairie | #0B9D6A | 11, 157, 106 | 159°, 87%, 33% | 93, 0, 32, 38 | |
| Vanishing Night | #990088 | 153, 0, 136 | 307°, 100%, 30% | 0, 100, 11, 40 | |
| Burnt Red | #9F2305 | 159, 35, 5 | 12°, 94%, 32% | 0, 78, 97, 38 | |
| Permanent Green | #005437 | 0, 84, 55 | 159°, 100%, 16% | 100, 0, 35, 67 | |
| CGA Pink | #FC0FC0 | 252, 15, 192 | 315°, 98%, 52% | 0, 94, 24, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B9D6A on #005437 | 2.60:1 | — |
| Aa #005437 on #FC0FC0 | 2.57:1 | — |
| Aa #0B9D6A on #990088 | 2.23:1 | — |
| Aa #0B9D6A on #9F2305 | 2.23:1 | — |
| Aa #990088 on #FC0FC0 | 2.20:1 | — |
| Aa #9F2305 on #FC0FC0 | 2.20:1 | — |
CSS variables
:root {
--color-1: #0b9d6a; /* Prairie */
--color-2: #990088; /* Vanishing Night */
--color-3: #9f2305; /* Burnt Red */
--color-4: #005437; /* Permanent Green */
--color-5: #fc0fc0; /* CGA Pink */
}Other schemes from Prairie
- Prairie Complementary Color Scheme#0B9D6A#0EE8A3#9E003A#550022#EE1166
- Prairie Analogous Color Scheme#3F9B0B#119922#0B9D6A#01889F#033B9A
- Prairie Triadic Color Scheme#0B9D6A#720B98#9C6B08#17F9A6#340059
- Prairie Tetradic Color Scheme#0B9D6A#220099#9E003A#889911#17F9A6
- Prairie Monochromatic Color Scheme#0E191C#005437#0B9D6A#12E193#55FFAA
More Dark Green split-complementary palettes
- 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 Prairie?
In a split-complementary scheme: Vanishing Night (#990088), Burnt Red (#9F2305), Permanent Green (#005437), CGA Pink (#FC0FC0).
What is the hex code of Prairie?
#0B9D6A.