Distant Cloud Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Distant Cloud (#E5EAE6), each snapped to its nearest named color.
#93A394
#BCC8BE
#E5EAE6
#F0F4F2
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heavenly Garden | #93A394 | 147, 163, 148 | 124°, 8%, 61% | 10, 0, 9, 36 | |
| Resting Place | #BCC8BE | 188, 200, 190 | 130°, 10%, 76% | 6, 0, 5, 22 | |
| Distant Cloud | #E5EAE6 | 229, 234, 230 | 132°, 11%, 91% | 2, 0, 2, 8 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #93A394 on #F0F4F2 | 2.39:1 | — |
| Aa #93A394 on #F0F4F2 | 2.39:1 | — |
| Aa #93A394 on #E5EAE6 | 2.18:1 | — |
| Aa #BCC8BE on #F0F4F2 | 1.56:1 | — |
| Aa #BCC8BE on #F0F4F2 | 1.56:1 | — |
| Aa #93A394 on #BCC8BE | 1.54:1 | — |
CSS variables
:root {
--color-1: #93a394; /* Heavenly Garden */
--color-2: #bcc8be; /* Resting Place */
--color-3: #e5eae6; /* Distant Cloud */
--color-4: #f0f4f2; /* Bakery Box */
--color-5: #f0f4f2; /* Bakery Box */
}Other schemes from Distant Cloud
- Distant Cloud Complementary Color Scheme#E5EAE6#EFF5F1#EEE1EB#D1B5CA#F6F1F4
- Distant Cloud Analogous Color Scheme#ECECE1#E5EDE2#E5EAE6#E2EDEB#E2ECED
- Distant Cloud Triadic Color Scheme#E5EAE6#E3E1ED#ECE4E2#EFF5F1#B8B0CF
- Distant Cloud Split-complementary Color Scheme#E5EAE6#EDE2EE#EBE2E5#B1D4B7#F6F1F4
- Distant Cloud Tetradic Color Scheme#E5EAE6#E2E6EC#EEE1EB#EEEAE2#EFF5F1
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 Distant Cloud?
In a monochromatic scheme: Heavenly Garden (#93A394), Resting Place (#BCC8BE), Bakery Box (#F0F4F2), Bakery Box (#F0F4F2).
What is the hex code of Distant Cloud?
#E5EAE6.