Sakura Complementary Color Scheme
Five colors arranged by the complementary rule around Sakura (#DFB1B6), each snapped to its nearest named color.
#DFB1B6
#F6EEED
#B5DEDA
#77C9C2
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sakura | #DFB1B6 | 223, 177, 182 | 353°, 42%, 78% | 0, 21, 18, 13 | |
| Grannie’s Pearls | #F6EEED | 246, 238, 237 | 7°, 33%, 95% | 0, 3, 4, 4 | |
| Minerva | #B5DEDA | 181, 222, 218 | 174°, 38%, 79% | 18, 0, 2, 13 | |
| Cyantific | #77C9C2 | 119, 201, 194 | 175°, 43%, 63% | 41, 0, 3, 21 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77C9C2 on #ECF7F7 | 1.76:1 | — |
| Aa #DFB1B6 on #ECF7F7 | 1.73:1 | — |
| Aa #F6EEED on #77C9C2 | 1.68:1 | — |
| Aa #DFB1B6 on #F6EEED | 1.65:1 | — |
| Aa #B5DEDA on #ECF7F7 | 1.33:1 | — |
| Aa #B5DEDA on #77C9C2 | 1.32:1 | — |
CSS variables
:root {
--color-1: #dfb1b6; /* Sakura */
--color-2: #f6eeed; /* Grannie’s Pearls */
--color-3: #b5deda; /* Minerva */
--color-4: #77c9c2; /* Cyantific */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from Sakura
- Sakura Analogous Color Scheme#D4AFDA#DAB4CC#DFB1B6#DDC6B1#DFD8B3
- Sakura Triadic Color Scheme#DFB1B6#BCDDB3#B3B4DD#F6EEED#8AC479
- Sakura Split-complementary Color Scheme#DFB1B6#B2DDC4#B4CDDE#CA7B80#E8F2EB
- Sakura Tetradic Color Scheme#DFB1B6#CBDCB7#B5DEDA#C0B2D7#F6EEED
- Sakura Monochromatic Color Scheme#AD4B53#CA7B80#DFB1B6#F5E6EA#F6EEED
More Light Red complementary palettes
- Amour Complementary Color Scheme#EE5851#F9A7A4#45E9FD#11DDDD#B2F8F8
- Angry Flamingo Complementary Color Scheme#F04E45#FB9F93#45E9FD#09CDCD#A4F4F9
- Anime Blush Complementary Color Scheme#FF7A83#FDD7D8#73FDFF#33FFFF#E0FEFE
- Aphrodisiac Complementary Color Scheme#E35A63#EDAAAC#5EE7DF#22CCCC#AFEEEE
- Babe Complementary Color Scheme#DC7B7C#EDC3C5#78D8D9#3DCFC2#CEEEEF
- Begonia Complementary Color Scheme#FA6E79#FDC8CD#66EEEE#26F7FD#D0FEFE
- Berrylicious Complementary Color Scheme#D75E6C#E6A7AC#55DDCC#2CBAA3#B0EEE2
- Bite My Tongue Complementary Color Scheme#D47D72#EBBDB8#71CBD2#30AABC#C0E7EB
- Blood Burst Complementary Color Scheme#FF474C#FEA5A2#41FDFE#00FFEF#ACFFFC
- Blush Bomb Complementary Color Scheme#DD99AA#F5DEE2#99DDCC#66CDAA#E2F7F1
- Blush Hour Complementary Color Scheme#FF6F91#FFC9D7#73FCD6#32FFDC#D8FFF3
- Boho Blush Complementary Color Scheme#E58787#F6D2D4#96E2E1#48D1CC#D7F5F6
Questions
What colors go with Sakura?
In a complementary scheme: Grannie’s Pearls (#F6EEED), Minerva (#B5DEDA), Cyantific (#77C9C2), Aijiro White (#ECF7F7).
What is the hex code of Sakura?
#DFB1B6.