Lush Bamboo Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lush Bamboo (#AFBB33), each snapped to its nearest named color.
#AFBB33
#2C6FBB
#8833AA
#777722
#6495DA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lush Bamboo | #AFBB33 | 175, 187, 51 | 65°, 57%, 47% | 6, 0, 73, 27 | |
| Matt Blue | #2C6FBB | 44, 111, 187 | 212°, 62%, 45% | 76, 41, 0, 27 | |
| Pleasant Purple | #8833AA | 136, 51, 170 | 283°, 54%, 43% | 20, 70, 0, 33 | |
| Crocodile Eye | #777722 | 119, 119, 34 | 60°, 56%, 30% | 0, 0, 71, 53 | |
| Little Boy Blue | #6495DA | 100, 149, 218 | 215°, 61%, 62% | 54, 32, 0, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AFBB33 on #8833AA | 3.22:1 | AA large |
| Aa #AFBB33 on #2C6FBB | 2.43:1 | — |
| Aa #AFBB33 on #777722 | 2.24:1 | — |
| Aa #8833AA on #6495DA | 2.21:1 | — |
| Aa #2C6FBB on #6495DA | 1.67:1 | — |
| Aa #777722 on #6495DA | 1.54:1 | — |
CSS variables
:root {
--color-1: #afbb33; /* Lush Bamboo */
--color-2: #2c6fbb; /* Matt Blue */
--color-3: #8833aa; /* Pleasant Purple */
--color-4: #777722; /* Crocodile Eye */
--color-5: #6495da; /* Little Boy Blue */
}Other schemes from Lush Bamboo
- Lush Bamboo Complementary Color Scheme#AFBB33#CCD87A#2F36BA#29217A#9370DB
- Lush Bamboo Analogous Color Scheme#B63E36#BB8434#AFBB33#6CB037#34B334
- Lush Bamboo Triadic Color Scheme#AFBB33#30AABC#BB33AA#CFDD7B#227478
- Lush Bamboo Tetradic Color Scheme#AFBB33#32BF84#2F36BA#B6316C#CFDD7B
- Lush Bamboo Monochromatic Color Scheme#304112#777722#AFBB33#C7D368#E5E7A7
More Medium Yellow split-complementary palettes
- A Frond in Need Split-complementary Color Scheme#9F9978#7195A6#8272A4#7C754C#9FB6C6
- Amazon Queen Split-complementary Color Scheme#948F54#517B95#6F5390#62603E#7B9CB3
- Angel’s Trumpet Split-complementary Color Scheme#F6DD34#30A9FF#6A2DED#D2BD0A#7BC8F6
- Antique Split-complementary Color Scheme#8B846D#5D8A9B#6C5D97#6D6240#90ABBB
- Backroom Ember Split-complementary Color Scheme#A19250#5187A0#654EA3#6F6138#7CAFB9
- Bamboo Forest Split-complementary Color Scheme#B1A979#7B9EB0#8B79B1#8C854F#A8C0CE
- Banana Bandanna Split-complementary Color Scheme#F8F739#3399FF#9437FF#DDDD00#88BBFF
- Banana Bombshell Split-complementary Color Scheme#F7E82E#31A2F2#8020FF#CDC50A#73C2FB
- Banana Brick Split-complementary Color Scheme#E8D82C#2196F3#6A2DED#B9A70F#6CBAE7
- Banana Flash Split-complementary Color Scheme#EEFE02#0070FF#8F00FF#A8B504#5097FC
- Banana King Split-complementary Color Scheme#FFFB08#0088FF#7F01FE#ABBC01#55AAFF
- Banana Pepper Split-complementary Color Scheme#FDD630#3CBCFC#6A2DED#DFB900#76D6FF
Questions
What colors go with Lush Bamboo?
In a split-complementary scheme: Matt Blue (#2C6FBB), Pleasant Purple (#8833AA), Crocodile Eye (#777722), Little Boy Blue (#6495DA).
What is the hex code of Lush Bamboo?
#AFBB33.