It’s a Girl! Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around It’s a Girl! (#FFDAE2), each snapped to its nearest named color.
#FFDAE2
#DFFAE1
#DEF7FE
#FB8DA6
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| It’s a Girl! | #FFDAE2 | 255, 218, 226 | 347°, 100%, 93% | 0, 15, 11, 0 | |
| Misty Lawn | #DFFAE1 | 223, 250, 225 | 124°, 73%, 93% | 11, 0, 10, 2 | |
| Glacial Day | #DEF7FE | 222, 247, 254 | 193°, 94%, 93% | 13, 3, 0, 0 | |
| Bunny Fluff | #FB8DA6 | 251, 141, 166 | 346°, 93%, 77% | 0, 44, 34, 2 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FB8DA6 on #E6FDF1 | 2.08:1 | — |
| Aa #DFFAE1 on #FB8DA6 | 2.00:1 | — |
| Aa #DEF7FE on #FB8DA6 | 1.99:1 | — |
| Aa #FFDAE2 on #FB8DA6 | 1.73:1 | — |
| Aa #FFDAE2 on #E6FDF1 | 1.20:1 | — |
| Aa #FFDAE2 on #DFFAE1 | 1.15:1 | — |
CSS variables
:root {
--color-1: #ffdae2; /* It’s a Girl! */
--color-2: #dffae1; /* Misty Lawn */
--color-3: #def7fe; /* Glacial Day */
--color-4: #fb8da6; /* Bunny Fluff */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from It’s a Girl!
- It’s a Girl! Complementary Color Scheme#FFDAE2#FFE6EC#D8FFF3#88FFEE#E7FAFA
- It’s a Girl! Analogous Color Scheme#FFDDFF#FFDBF7#FFDAE2#FFE6D8#FFF7DB
- It’s a Girl! Triadic Color Scheme#FFDAE2#E0FFDF#D6EAFC#FFE6EC#B1FC99
- It’s a Girl! Tetradic Color Scheme#FFDAE2#F9FDD9#D8FFF3#EEDDFF#FFE6EC
- It’s a Girl! Monochromatic Color Scheme#FF4466#FB8DA6#FFDAE2#FFE6EC#FFE6EC
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 It’s a Girl!?
In a split-complementary scheme: Misty Lawn (#DFFAE1), Glacial Day (#DEF7FE), Bunny Fluff (#FB8DA6), Mint Chiffon (#E6FDF1).
What is the hex code of It’s a Girl!?
#FFDAE2.