Sakura Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sakura (#DFB1B6), each snapped to its nearest named color.
#DFB1B6
#B2DDC4
#B4CDDE
#CA7B80
#E8F2EB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sakura | #DFB1B6 | 223, 177, 182 | 353°, 42%, 78% | 0, 21, 18, 13 | |
| Quantum Effect | #B2DDC4 | 178, 221, 196 | 145°, 39%, 78% | 19, 0, 11, 13 | |
| Norwegian Sky | #B4CDDE | 180, 205, 222 | 204°, 39%, 79% | 19, 8, 0, 13 | |
| Dirty Pink | #CA7B80 | 202, 123, 128 | 356°, 43%, 64% | 0, 39, 37, 21 | |
| Astronomer | #E8F2EB | 232, 242, 235 | 138°, 28%, 93% | 4, 0, 3, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CA7B80 on #E8F2EB | 2.75:1 | — |
| Aa #B2DDC4 on #CA7B80 | 2.11:1 | — |
| Aa #B4CDDE on #CA7B80 | 1.91:1 | — |
| Aa #DFB1B6 on #CA7B80 | 1.67:1 | — |
| Aa #DFB1B6 on #E8F2EB | 1.65:1 | — |
| Aa #B4CDDE on #E8F2EB | 1.44:1 | — |
CSS variables
:root {
--color-1: #dfb1b6; /* Sakura */
--color-2: #b2ddc4; /* Quantum Effect */
--color-3: #b4cdde; /* Norwegian Sky */
--color-4: #ca7b80; /* Dirty Pink */
--color-5: #e8f2eb; /* Astronomer */
}Other schemes from Sakura
- Sakura Complementary Color Scheme#DFB1B6#F6EEED#B5DEDA#77C9C2#ECF7F7
- Sakura Analogous Color Scheme#D4AFDA#DAB4CC#DFB1B6#DDC6B1#DFD8B3
- Sakura Triadic Color Scheme#DFB1B6#BCDDB3#B3B4DD#F6EEED#8AC479
- Sakura Tetradic Color Scheme#DFB1B6#CBDCB7#B5DEDA#C0B2D7#F6EEED
- Sakura Monochromatic Color Scheme#AD4B53#CA7B80#DFB1B6#F5E6EA#F6EEED
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Sakura?
In a split-complementary scheme: Quantum Effect (#B2DDC4), Norwegian Sky (#B4CDDE), Dirty Pink (#CA7B80), Astronomer (#E8F2EB).
What is the hex code of Sakura?
#DFB1B6.