Angel Wing Complementary Color Scheme
Five colors arranged by the complementary rule around Angel Wing (#F3DFD7), each snapped to its nearest named color.
#F3DFD7
#FAEFE9
#D5EAF2
#9DCEE3
#EBF6F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Angel Wing | #F3DFD7 | 243, 223, 215 | 17°, 54%, 90% | 0, 8, 12, 5 | |
| Baby Blossom | #FAEFE9 | 250, 239, 233 | 21°, 63%, 95% | 0, 4, 7, 2 | |
| Spacious Skies | #D5EAF2 | 213, 234, 242 | 197°, 53%, 89% | 12, 3, 0, 5 | |
| December Solstice | #9DCEE3 | 157, 206, 227 | 198°, 56%, 75% | 31, 9, 0, 11 | |
| Indigo White | #EBF6F7 | 235, 246, 247 | 185°, 43%, 95% | 5, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9DCEE3 on #EBF6F7 | 1.54:1 | — |
| Aa #FAEFE9 on #9DCEE3 | 1.50:1 | — |
| Aa #D5EAF2 on #9DCEE3 | 1.36:1 | — |
| Aa #F3DFD7 on #9DCEE3 | 1.32:1 | — |
| Aa #F3DFD7 on #EBF6F7 | 1.17:1 | — |
| Aa #F3DFD7 on #FAEFE9 | 1.14:1 | — |
CSS variables
:root {
--color-1: #f3dfd7; /* Angel Wing */
--color-2: #faefe9; /* Baby Blossom */
--color-3: #d5eaf2; /* Spacious Skies */
--color-4: #9dcee3; /* December Solstice */
--color-5: #ebf6f7; /* Indigo White */
}Other schemes from Angel Wing
- Angel Wing Analogous Color Scheme#F4D8E8#F4D7DC#F3DFD7#F2EDD7#ECF3D8
- Angel Wing Triadic Color Scheme#F3DFD7#D7F3DD#DDD6F3#FAEFE9#99E6B3
- Angel Wing Split-complementary Color Scheme#F3DFD7#D7F2ED#D2DEF2#E4B197#E9F9F5
- Angel Wing Tetradic Color Scheme#F3DFD7#DBF4D8#D5EAF2#EED5EE#FAEFE9
- Angel Wing Monochromatic Color Scheme#D08363#E4B197#F3DFD7#FAEFE9#FAEFE9
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
- Athena Complementary Color Scheme#DCD7CC#F6F4EF#C9D2DF#9EA5C3#EEF2F3
Questions
What colors go with Angel Wing?
In a complementary scheme: Baby Blossom (#FAEFE9), Spacious Skies (#D5EAF2), December Solstice (#9DCEE3), Indigo White (#EBF6F7).
What is the hex code of Angel Wing?
#F3DFD7.