Pink Swirl Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pink Swirl (#FCEAE6), each snapped to its nearest named color.
#FCEAE6
#EBFCF5
#E7EFFB
#F5B1A2
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pink Swirl | #FCEAE6 | 252, 234, 230 | 11°, 79%, 95% | 0, 7, 9, 1 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 | |
| First Date | #F5B1A2 | 245, 177, 162 | 11°, 81%, 80% | 0, 28, 34, 4 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBFCF5 on #F5B1A2 | 1.69:1 | — |
| Aa #F5B1A2 on #EBFCF5 | 1.69:1 | — |
| Aa #E7EFFB on #F5B1A2 | 1.55:1 | — |
| Aa #FCEAE6 on #F5B1A2 | 1.54:1 | — |
| Aa #FCEAE6 on #EBFCF5 | 1.10:1 | — |
| Aa #FCEAE6 on #EBFCF5 | 1.10:1 | — |
CSS variables
:root {
--color-1: #fceae6; /* Pink Swirl */
--color-2: #ebfcf5; /* Placebo Turquoise */
--color-3: #e7effb; /* Cotton Boll */
--color-4: #f5b1a2; /* First Date */
--color-5: #ebfcf5; /* Placebo Turquoise */
}Other schemes from Pink Swirl
- Pink Swirl Complementary Color Scheme#FCEAE6#FBEEE8#E8F7FD#A3E3ED#E7FAFA
- Pink Swirl Analogous Color Scheme#FEE8F5#FFE6EC#FCEAE6#FDF5E6#F9FEE9
- Pink Swirl Triadic Color Scheme#FCEAE6#E7FBEC#E6E6FA#FBEEE8#A3EFB8
- Pink Swirl Tetradic Color Scheme#FCEAE6#F1FDE9#E8F7FD#F6E5F6#FBEEE8
- Pink Swirl Monochromatic Color Scheme#EB7D5D#F5B1A2#FCEAE6#FBEEE8#FBEEE8
More Very Light Red split-complementary palettes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Pink Swirl?
In a split-complementary scheme: Placebo Turquoise (#EBFCF5), Cotton Boll (#E7EFFB), First Date (#F5B1A2), Placebo Turquoise (#EBFCF5).
What is the hex code of Pink Swirl?
#FCEAE6.