Pastel Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pastel Grey (#CFCFC4), each snapped to its nearest named color.
#CFCFC4
#BECBD7
#CBBDD7
#BBB98A
#EBF1F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pastel Grey | #CFCFC4 | 207, 207, 196 | 60°, 10%, 79% | 0, 0, 5, 19 | 85.1% 0.015 107 | |
| Melody | #BECBD7 | 190, 203, 215 | 209°, 24%, 79% | 12, 6, 0, 16 | 83.6% 0.022 246 | |
| Playful Petal | #CBBDD7 | 203, 189, 215 | 272°, 25%, 79% | 6, 12, 0, 16 | 81.8% 0.039 310 | |
| Baby Bok Choy | #BBB98A | 187, 185, 138 | 58°, 26%, 64% | 0, 1, 26, 27 | 77.6% 0.063 106 | |
| Powder White | #EBF1F5 | 235, 241, 245 | 204°, 33%, 94% | 4, 2, 0, 4 | 95.5% 0.008 237 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BBB98A on #EBF1F5 | 1.77:1 | — |
| Aa #CBBDD7 on #EBF1F5 | 1.56:1 | — |
| Aa #BECBD7 on #EBF1F5 | 1.45:1 | — |
| Aa #CFCFC4 on #EBF1F5 | 1.38:1 | — |
| Aa #CFCFC4 on #BBB98A | 1.28:1 | — |
| Aa #BECBD7 on #BBB98A | 1.22:1 | — |
CSS variables
:root {
--color-1: #cfcfc4; /* Pastel Grey */
--color-2: #becbd7; /* Melody */
--color-3: #cbbdd7; /* Playful Petal */
--color-4: #bbb98a; /* Baby Bok Choy */
--color-5: #ebf1f5; /* Powder White */
}Other schemes from Pastel Grey
- Pastel Grey Complementary Color Scheme#CFCFC4#F6F4EF#BDBBD7#8E8DB9#EBF1F5
- Pastel Grey Analogous Color Scheme#D7BDBE#D5C9BC#CFCFC4#CCD6BC#BBD9BC
- Pastel Grey Triadic Color Scheme#CFCFC4#B9D7D6#D8BFD8#F6F4EF#8FBABC
- Pastel Grey Tetradic Color Scheme#CFCFC4#BFD6C8#BDBBD7#D9BACC#F6F4EF
- Pastel Grey Monochromatic Color Scheme#898973#ADAD9C#CFCFC4#F1F2EE#F4F4F0
More light gray split-complementary color schemes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Pastel Grey?
In a split-complementary scheme: Melody (#BECBD7), Playful Petal (#CBBDD7), Baby Bok Choy (#BBB98A), Powder White (#EBF1F5).
What is the hex code of Pastel Grey?
#CFCFC4.