Drifting Cloud Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Drifting Cloud (#DBE0E1), each snapped to its nearest named color.
#889999
#B4BCBF
#DBE0E1
#F1F3F3
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Aged Pewter | #889999 | 136, 153, 153 | 180°, 8%, 57% | 11, 0, 0, 40 | 67.0% 0.019 197 | |
| Crestline | #B4BCBF | 180, 188, 191 | 196°, 8%, 73% | 6, 2, 0, 25 | 79.0% 0.010 222 | |
| Drifting Cloud | #DBE0E1 | 219, 224, 225 | 190°, 9%, 87% | 3, 0, 0, 12 | 90.3% 0.006 211 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | 96.3% 0.002 197 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | 96.3% 0.002 197 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #889999 on #F1F3F3 | 2.67:1 | — |
| Aa #889999 on #F1F3F3 | 2.67:1 | — |
| Aa #889999 on #DBE0E1 | 2.23:1 | — |
| Aa #B4BCBF on #F1F3F3 | 1.73:1 | — |
| Aa #B4BCBF on #F1F3F3 | 1.73:1 | — |
| Aa #889999 on #B4BCBF | 1.54:1 | — |
CSS variables
:root {
--color-1: #889999; /* Aged Pewter */
--color-2: #b4bcbf; /* Crestline */
--color-3: #dbe0e1; /* Drifting Cloud */
--color-4: #f1f3f3; /* Zappy Zebra */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Drifting Cloud
- Drifting Cloud Complementary Color Scheme#DBE0E1#F1F3F3#E5D9D6#C8ABA7#F4EFEE
- Drifting Cloud Analogous Color Scheme#D4E6D9#D6E5E2#DBE0E1#D8DCE6#D9D6E5
- Drifting Cloud Triadic Color Scheme#DBE0E1#E3D7E3#E3E6D6#F1F3F3#C5A5C7
- Drifting Cloud Split-complementary Color Scheme#DBE0E1#E8D5DD#E6E1D6#A6C4CA#F5F0F1
- Drifting Cloud Tetradic Color Scheme#DBE0E1#E3D7E5#E5D9D6#DDE6D7#F1F3F3
More very light gray monochromatic color schemes
- 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 Drifting Cloud?
In a monochromatic scheme: Aged Pewter (#889999), Crestline (#B4BCBF), Zappy Zebra (#F1F3F3), Zappy Zebra (#F1F3F3).
What is the hex code of Drifting Cloud?
#DBE0E1.