Greenhorn Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Greenhorn (#B2CC9A), each snapped to its nearest named color.
#B2CC9A
#9999CC
#CC99CC
#87B369
#CFCBE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Greenhorn | #B2CC9A | 178, 204, 154 | 91°, 33%, 70% | 13, 0, 25, 20 | |
| Bluebell Frost | #9999CC | 153, 153, 204 | 240°, 33%, 70% | 25, 25, 0, 20 | |
| Ineffable Magenta | #CC99CC | 204, 153, 204 | 300°, 33%, 70% | 0, 25, 0, 20 | |
| Nasturtium Leaf | #87B369 | 135, 179, 105 | 96°, 33%, 56% | 25, 0, 41, 30 | |
| Foggy Plateau | #CFCBE5 | 207, 203, 229 | 249°, 33%, 85% | 10, 11, 0, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9999CC on #CFCBE5 | 1.71:1 | — |
| Aa #B2CC9A on #9999CC | 1.54:1 | — |
| Aa #87B369 on #CFCBE5 | 1.53:1 | — |
| Aa #CC99CC on #CFCBE5 | 1.48:1 | — |
| Aa #B2CC9A on #87B369 | 1.38:1 | — |
| Aa #B2CC9A on #CC99CC | 1.33:1 | — |
CSS variables
:root {
--color-1: #b2cc9a; /* Greenhorn */
--color-2: #9999cc; /* Bluebell Frost */
--color-3: #cc99cc; /* Ineffable Magenta */
--color-4: #87b369; /* Nasturtium Leaf */
--color-5: #cfcbe5; /* Foggy Plateau */
}Other schemes from Greenhorn
- Greenhorn Complementary Color Scheme#B2CC9A#E1EBD8#B69FCC#926CAC#E6DEF0
- Greenhorn Analogous Color Scheme#CCB49A#CCCC99#B2CC9A#9CCE9E#98CDB5
- Greenhorn Triadic Color Scheme#B2CC9A#9BAFD0#C99BB0#E7EDDD#698EB3
- Greenhorn Tetradic Color Scheme#B2CC9A#98CECD#B69FCC#CC9999#E7EDDD
- Greenhorn Monochromatic Color Scheme#63884A#87B369#B2CC9A#D8E6CE#F4F7EE
More Light Green split-complementary palettes
- A State of Mint Split-complementary Color Scheme#88FFCC#FF88FF#FF8D86#2AFEB7#FED0FC
- Basil Smash Split-complementary Color Scheme#B7E1A1#ACACE6#E1A0CF#8DCE65#DBDBF7
- Bay Split-complementary Color Scheme#B3E2D3#E6B5D7#E2BCB3#79CCB3#F9E7F4
- Big Spender Split-complementary Color Scheme#ACDDAF#CAADD8#DCA7C2#6FC276#EFE2F2
- Bok Choy Split-complementary Color Scheme#BCCAB3#B4AECC#D1ACCE#96B47E#E0DFEA
- Botanist Split-complementary Color Scheme#9AD28C#AA8ED6#D492BD#68BD56#D0C8E6
- Cabbage Split-complementary Color Scheme#87D7BE#DA93C1#D79584#48C09B#E7C3E7
- Camping Grounds Split-complementary Color Scheme#B4C2A2#9EA5C3#C09DC8#90A96E#D0D1E1
- Celadon Split-complementary Color Scheme#ACE1AF#D6B7E2#E0ADC4#6CCC7B#F0E5F5
- Celadon Porcelain Split-complementary Color Scheme#7EBEA5#BA7AB3#BE847D#4F9E81#DBB0D3
- Celery Mousse Split-complementary Color Scheme#C1FD95#9999FF#FF99EE#9CEF43#E0E0FF
- Copper Patina Split-complementary Color Scheme#9DB4A0#AF92BD#BA99A2#72A86A#D4C3DA
Questions
What colors go with Greenhorn?
In a split-complementary scheme: Bluebell Frost (#9999CC), Ineffable Magenta (#CC99CC), Nasturtium Leaf (#87B369), Foggy Plateau (#CFCBE5).
What is the hex code of Greenhorn?
#B2CC9A.