Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pink (#FFC0CB), each snapped to its nearest named color.
#FFC0CB
#C1FDC9
#C1EBFF
#FF7788
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pink | #FFC0CB | 255, 192, 203 | 350°, 100%, 88% | 0, 25, 20, 0 | 86.8% 0.074 7 | |
| Toxic Steam | #C1FDC9 | 193, 253, 201 | 128°, 94%, 87% | 24, 0, 21, 1 | 94.0% 0.092 148 | |
| Blue Java Banana | #C1EBFF | 193, 235, 255 | 199°, 100%, 88% | 24, 8, 0, 0 | 91.7% 0.051 228 | |
| Heatstroke | #FF7788 | 255, 119, 136 | 353°, 100%, 73% | 0, 53, 47, 0 | 73.4% 0.166 14 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | 97.4% 0.029 163 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF7788 on #E6FDF1 | 2.39:1 | — |
| Aa #C1FDC9 on #FF7788 | 2.20:1 | — |
| Aa #C1EBFF on #FF7788 | 2.01:1 | — |
| Aa #FFC0CB on #FF7788 | 1.66:1 | — |
| Aa #FFC0CB on #E6FDF1 | 1.44:1 | — |
| Aa #FFC0CB on #C1FDC9 | 1.33:1 | — |
CSS variables
:root {
--color-1: #ffc0cb; /* Pink */
--color-2: #c1fdc9; /* Toxic Steam */
--color-3: #c1ebff; /* Blue Java Banana */
--color-4: #ff7788; /* Heatstroke */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Pink
- Pink Complementary Color Scheme#FFC0CB#FFE6EC#C4FFF7#77EEEE#E7FEFF
- Pink Analogous Color Scheme#EFC0FE#FDC5E3#FFC0CB#FFD2C1#FDF2C0
- Pink Triadic Color Scheme#FFC0CB#CCFFC2#C1C6FC#FFE6EC#8CFD7E
- Pink Tetradic Color Scheme#FFC0CB#EEF9C1#C4FFF7#D0C7FF#FFE6EC
- Pink Monochromatic Color Scheme#FC2647#FF7788#FFC0CB#FFE6EC#FFE6EC
More very light red split-complementary color schemes
- 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?
In a split-complementary scheme: Toxic Steam (#C1FDC9), Blue Java Banana (#C1EBFF), Heatstroke (#FF7788), Mint Chiffon (#E6FDF1).
What is the hex code of Pink?
#FFC0CB.