Luna Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Luna (#D4D8CE), each snapped to its nearest named color.
#889779
#B1B6A3
#D4D8CE
#F4F4F0
#F4F4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Laurel Tree | #889779 | 136, 151, 121 | 90°, 13%, 53% | 10, 0, 20, 41 | |
| Fennel Stem | #B1B6A3 | 177, 182, 163 | 76°, 12%, 68% | 3, 0, 10, 29 | |
| Luna | #D4D8CE | 212, 216, 206 | 84°, 11%, 83% | 2, 0, 5, 15 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #889779 on #F4F4F0 | 2.82:1 | — |
| Aa #889779 on #F4F4F0 | 2.82:1 | — |
| Aa #889779 on #D4D8CE | 2.15:1 | — |
| Aa #B1B6A3 on #F4F4F0 | 1.89:1 | — |
| Aa #B1B6A3 on #F4F4F0 | 1.89:1 | — |
| Aa #889779 on #B1B6A3 | 1.49:1 | — |
CSS variables
:root {
--color-1: #889779; /* Laurel Tree */
--color-2: #b1b6a3; /* Fennel Stem */
--color-3: #d4d8ce; /* Luna */
--color-4: #f4f4f0; /* Classic Chalk */
--color-5: #f4f4f0; /* Classic Chalk */
}Other schemes from Luna
- Luna Complementary Color Scheme#D4D8CE#F4F4F0#D2C9DF#A798C2#F3F1F3
- Luna Analogous Color Scheme#DED1C6#DEDCC6#D4D8CE#C9DBC7#C5DED1
- Luna Triadic Color Scheme#D4D8CE#C8D5DD#DCC7D5#F4F4F0#97B4C3
- Luna Split-complementary Color Scheme#D4D8CE#CBCCDF#DECADE#AFC195#EEF2F3
- Luna Tetradic Color Scheme#D4D8CE#CADFDD#D2C9DF#DDC9C6#F4F4F0
More Very Light Gray monochromatic palettes
- Alaska Monochromatic Color Scheme#95987E#B7B8A5#DADAD1#F4F4F0#F4F4F0
- Apollo Landing Monochromatic Color Scheme#9F9D91#C0C1B9#E5E5E1#F3F3F2#F3F3F2
- Big Fish to Fry Monochromatic Color Scheme#848999#B1B3BE#DADBE1#F2F2F4#F2F2F4
- Blowing Smoke Monochromatic Color Scheme#868381#ABACA8#D2D1D0#F3F3F2#F3F3F2
- Chrome Monochromatic Color Scheme#988F97#BDB8BB#E1DFE1#F3F1F3#F3F1F3
- Closet Skeletons Monochromatic Color Scheme#9F9484#BFB8AD#E1DED9#F3F3F2#F3F3F2
- Coconut Agony Monochromatic Color Scheme#A79994#C7C0BC#EBE8E7#F3F3F2#F3F3F2
- Columbo’s Coat Monochromatic Color Scheme#867C83#ADA5A5#D0CBCE#F3F3F2#F3F3F2
- Concrete Monochromatic Color Scheme#8A877B#AEABA5#D2D1CD#F3F3F2#F3F3F2
- Day on Mercury Monochromatic Color Scheme#8B8680#B2ACA9#D5D2D1#F3F3F2#F3F3F2
- Desired Dawn Monochromatic Color Scheme#8A8B8F#AFB1B4#D8D7D9#F2F2F4#F2F2F4
- Diamonds in the Sky Monochromatic Color Scheme#9E938F#C4BAB7#E5E2E1#F3F3F2#F3F3F2
Questions
What colors go with Luna?
In a monochromatic scheme: Laurel Tree (#889779), Fennel Stem (#B1B6A3), Classic Chalk (#F4F4F0), Classic Chalk (#F4F4F0).
What is the hex code of Luna?
#D4D8CE.