Viridian Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Viridian (#1E9167), each snapped to its nearest named color.
#1E9167
#881188
#8B2E19
#1B4D3E
#D92FB4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Viridian | #1E9167 | 30, 145, 103 | 158°, 66%, 34% | 79, 0, 29, 43 | 58.5% 0.118 163 | |
| Violaceous Greti | #881188 | 136, 17, 136 | 300°, 78%, 30% | 0, 88, 0, 47 | 44.6% 0.194 328 | |
| Gulab Brown | #8B2E19 | 139, 46, 25 | 11°, 70%, 32% | 0, 67, 82, 45 | 43.7% 0.131 34 | |
| Brunswick Green | #1B4D3E | 27, 77, 62 | 162°, 48%, 20% | 65, 0, 19, 70 | 38.2% 0.060 170 | |
| Loudicious Pink | #D92FB4 | 217, 47, 180 | 313°, 69%, 52% | 0, 78, 17, 15 | 61.7% 0.240 339 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1E9167 on #1B4D3E | 2.43:1 | — |
| Aa #1B4D3E on #D92FB4 | 2.30:1 | — |
| Aa #1E9167 on #881188 | 2.14:1 | — |
| Aa #1E9167 on #8B2E19 | 2.12:1 | — |
| Aa #881188 on #D92FB4 | 2.02:1 | — |
| Aa #8B2E19 on #D92FB4 | 2.00:1 | — |
CSS variables
:root {
--color-1: #1e9167; /* Viridian */
--color-2: #881188; /* Violaceous Greti */
--color-3: #8b2e19; /* Gulab Brown */
--color-4: #1b4d3e; /* Brunswick Green */
--color-5: #d92fb4; /* Loudicious Pink */
}Other schemes from Viridian
- Viridian Complementary Color Scheme#1E9167#33CC99#941751#441122#CF3C71
- Viridian Analogous Color Scheme#44891A#119922#1E9167#1B8192#1E488F
- Viridian Triadic Color Scheme#1E9167#661188#97691E#33CC99#331155
- Viridian Tetradic Color Scheme#1E9167#301885#941751#889717#33CC99
- Viridian Monochromatic Color Scheme#001111#1B4D3E#1E9167#33CC99#66EEBB
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 Viridian?
In a split-complementary scheme: Violaceous Greti (#881188), Gulab Brown (#8B2E19), Brunswick Green (#1B4D3E), Loudicious Pink (#D92FB4).
What is the hex code of Viridian?
#1E9167.