Kendall Rose Analogous Color Scheme
Five colors arranged by the analogous rule around Kendall Rose (#F7CCCD), each snapped to its nearest named color.
#FCCCF5
#F5CEE6
#F7CCCD
#F9E0CD
#F7F7CB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Kissed by Mist | #FCCCF5 | 252, 204, 245 | 309°, 89%, 89% | 0, 19, 3, 1 | 89.9% 0.076 331 | |
| Sparkling Pink | #F5CEE6 | 245, 206, 230 | 323°, 66%, 88% | 0, 16, 6, 4 | 89.2% 0.054 341 | |
| Kendall Rose | #F7CCCD | 247, 204, 205 | 359°, 73%, 88% | 0, 17, 17, 3 | 88.2% 0.049 17 | |
| Serious Moonlight | #F9E0CD | 249, 224, 205 | 26°, 79%, 89% | 0, 10, 18, 2 | 92.2% 0.038 60 | |
| Electric Arc | #F7F7CB | 247, 247, 203 | 60°, 73%, 88% | 0, 0, 18, 3 | 96.5% 0.057 107 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7CCCD on #F7F7CB | 1.32:1 | — |
| Aa #F5CEE6 on #F7F7CB | 1.29:1 | — |
| Aa #FCCCF5 on #F7F7CB | 1.27:1 | — |
| Aa #F9E0CD on #F7F7CB | 1.15:1 | — |
| Aa #F7CCCD on #F9E0CD | 1.14:1 | — |
| Aa #F5CEE6 on #F9E0CD | 1.12:1 | — |
CSS variables
:root {
--color-1: #fcccf5; /* Kissed by Mist */
--color-2: #f5cee6; /* Sparkling Pink */
--color-3: #f7cccd; /* Kendall Rose */
--color-4: #f9e0cd; /* Serious Moonlight */
--color-5: #f7f7cb; /* Electric Arc */
}Other schemes from Kendall Rose
- Kendall Rose Complementary Color Scheme#F7CCCD#F9EAEA#CFF6F4#88EEEE#EBFCFC
- Kendall Rose Triadic Color Scheme#F7CCCD#C8F3CD#CCCCFF#F9EAEA#90EE90
- Kendall Rose Split-complementary Color Scheme#F7CCCD#D0F7E4#CCE2F3#EE888B#E6FDF1
- Kendall Rose Tetradic Color Scheme#F7CCCD#EAF7C9#CFF6F4#E8CEF6#F9EAEA
- Kendall Rose Monochromatic Color Scheme#E6474A#EE888B#F7CCCD#F9EAEA#F9EAEA
More very light red analogous color schemes
- Abloom Analogous Color Scheme#EECCEE#F2CFE0#F1CBCD#F0DCCB#F2EFCD
- Angelic Wings Analogous Color Scheme#F5F0F1#F4EFEE#F4EFEE#F3F2ED#F5F4ED
- Angry Ghost Analogous Color Scheme#EEBBEE#ECBCD4#EEBBBB#F1D6BC#ECEBBD
- Apricot Haze Analogous Color Scheme#FFAAFF#FFA6D9#FFAAAA#FFD4A9#FFFFAA
- Ballet Analogous Color Scheme#F9D7EE#FAD6E5#F7D5D4#F8E7D4#F7F6D5
- Ballet Slippers Analogous Color Scheme#F1A7FE#FFA6D9#FCA2AD#FFC5A3#FFF0A4
- Berry Good Analogous Color Scheme#EEC3EE#EDC2DB#EDC3C5#EDD8C3#EDEEC5
- Bloodthirsty Beige Analogous Color Scheme#FFCFF1#FCD2DF#F8D7D0#F7EBD1#EFF5D1
- Blowing Kisses Analogous Color Scheme#F4DAF1#F1DFE9#F6DEE0#F6E8DE#F7F4DF
- Blush Kiss Analogous Color Scheme#EEBBEE#ECBCD4#EABCC0#E9CFBB#E9E8BB
- Blush Rush Analogous Color Scheme#EEBBEE#EEBFD5#F0BCBE#F1D6BC#F4EEBA
- Butterfly Kisses Analogous Color Scheme#EEDDEE#F0DCE3#F0DEDC#EFE8DC#EDF1DB
Questions
What colors go with Kendall Rose?
In a analogous scheme: Kissed by Mist (#FCCCF5), Sparkling Pink (#F5CEE6), Serious Moonlight (#F9E0CD), Electric Arc (#F7F7CB).
What is the hex code of Kendall Rose?
#F7CCCD.