Leafy Woodland Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Leafy Woodland (#AABB11), each snapped to its nearest named color.
#AABB11
#0F52BA
#6611AA
#6E750E
#247AFD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Leafy Woodland | #AABB11 | 170, 187, 17 | 66°, 83%, 40% | 9, 0, 91, 27 | |
| Sapphire | #0F52BA | 15, 82, 186 | 216°, 85%, 39% | 92, 56, 0, 27 | |
| Indiviolet Sunset | #6611AA | 102, 17, 170 | 273°, 82%, 37% | 40, 90, 0, 33 | |
| Spinach Soup | #6E750E | 110, 117, 14 | 64°, 79%, 26% | 6, 0, 88, 54 | |
| Clear Blue | #247AFD | 36, 122, 253 | 216°, 98%, 57% | 86, 52, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AABB11 on #6611AA | 4.41:1 | AA large |
| Aa #AABB11 on #0F52BA | 3.35:1 | AA large |
| Aa #6611AA on #247AFD | 2.37:1 | — |
| Aa #AABB11 on #6E750E | 2.33:1 | — |
| Aa #6611AA on #6E750E | 1.89:1 | — |
| Aa #AABB11 on #247AFD | 1.86:1 | — |
CSS variables
:root {
--color-1: #aabb11; /* Leafy Woodland */
--color-2: #0f52ba; /* Sapphire */
--color-3: #6611aa; /* Indiviolet Sunset */
--color-4: #6e750e; /* Spinach Soup */
--color-5: #247afd; /* Clear Blue */
}Other schemes from Leafy Woodland
- Leafy Woodland Complementary Color Scheme#AABB11#D8E63C#3311BB#130173#524EFB
- Leafy Woodland Analogous Color Scheme#BB2211#BB7711#AABB11#55BB11#11BB22
- Leafy Woodland Triadic Color Scheme#AABB11#12ABBE#BB11AA#DBE64C#096872
- Leafy Woodland Tetradic Color Scheme#AABB11#0CB577#3311BB#BB1155#DBE64C
- Leafy Woodland Monochromatic Color Scheme#333300#6E750E#AABB11#D0E429#ECF474
More Dark Yellow split-complementary palettes
- Alligator Split-complementary Color Scheme#886600#006585#220088#3C3005#0099D1
- Augustus Asparagus Split-complementary Color Scheme#90AA0B#0044AA#6611AA#556600#1D5DEC
- Ayahuasca Vine Split-complementary Color Scheme#665500#004466#220066#1F180A#0075B3
- Bancha Split-complementary Color Scheme#666A47#455371#5C4671#3E3D29#5B7A9C
- Bay Leaf Split-complementary Color Scheme#86793D#3E6F87#4B3C8E#524B2A#5D98B3
- Beat Around the Bush Split-complementary Color Scheme#6E6A44#435A6F#544173#3E3D29#5A839E
- BioShock Split-complementary Color Scheme#889900#033B9A#5E0092#404C02#0055EE
- Capers Split-complementary Color Scheme#897A3E#3D7188#5B3E90#584C25#5D98B3
- Captain Kirk Split-complementary Color Scheme#9B870C#0A6B92#440099#544E03#1199EE
- Chorus of Frogs Split-complementary Color Scheme#8C9632#2E5894#663399#4B5D16#507BCE
- Citrus Split-complementary Color Scheme#9FB70A#0048BA#6611AA#6A6E09#1F66FF
- Countryside Split-complementary Color Scheme#A4A404#0853A7#5500AA#565C00#0078F8
Questions
What colors go with Leafy Woodland?
In a split-complementary scheme: Sapphire (#0F52BA), Indiviolet Sunset (#6611AA), Spinach Soup (#6E750E), Clear Blue (#247AFD).
What is the hex code of Leafy Woodland?
#AABB11.