Porcelain Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Porcelain (#DDDCDB), each snapped to its nearest named color.
#95918C
#B7B7B4
#DDDCDB
#F3F3F2
#F3F3F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Elephant Grey | #95918C | 149, 145, 140 | 33°, 4%, 57% | 0, 3, 6, 42 | |
| Rand Moon | #B7B7B4 | 183, 183, 180 | 60°, 2%, 71% | 0, 0, 2, 28 | |
| Porcelain | #DDDCDB | 221, 220, 219 | 30°, 3%, 86% | 0, 0, 1, 13 | |
| Bleached Silk | #F3F3F2 | 243, 243, 242 | 60°, 4%, 95% | 0, 0, 0, 5 | |
| Bleached Silk | #F3F3F2 | 243, 243, 242 | 60°, 4%, 95% | 0, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #95918C on #F3F3F2 | 2.82:1 | — |
| Aa #95918C on #F3F3F2 | 2.82:1 | — |
| Aa #95918C on #DDDCDB | 2.29:1 | — |
| Aa #B7B7B4 on #F3F3F2 | 1.81:1 | — |
| Aa #B7B7B4 on #F3F3F2 | 1.81:1 | — |
| Aa #95918C on #B7B7B4 | 1.56:1 | — |
CSS variables
:root {
--color-1: #95918c; /* Elephant Grey */
--color-2: #b7b7b4; /* Rand Moon */
--color-3: #dddcdb; /* Porcelain */
--color-4: #f3f3f2; /* Bleached Silk */
--color-5: #f3f3f2; /* Bleached Silk */
}Other schemes from Porcelain
- Porcelain Complementary Color Scheme#DDDCDB#F6F2F1#D3DDE4#A6B7C8#EEF2F3
- Porcelain Analogous Color Scheme#E6D2DC#E2D4D4#DDDCDB#E6E5D3#DBE5D2
- Porcelain Triadic Color Scheme#DDDCDB#D3E5DB#DED3E6#F6F2F1#A1CCB1
- Porcelain Split-complementary Color Scheme#DDDCDB#D4E4E5#D3D4E5#C9B6A1#F0F4F2
- Porcelain Tetradic Color Scheme#DDDCDB#D2E6D3#D3DDE4#E4D4E2#F6F2F1
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 Porcelain?
In a monochromatic scheme: Elephant Grey (#95918C), Rand Moon (#B7B7B4), Bleached Silk (#F3F3F2), Bleached Silk (#F3F3F2).
What is the hex code of Porcelain?
#DDDCDB.