Warm Welcome Complementary Color Scheme
Five colors arranged by the complementary rule around Warm Welcome (#EA9073), each snapped to its nearest named color.
#EA9073
#F4CEC5
#76C5E7
#2CB1EB
#CCEBF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Warm Welcome | #EA9073 | 234, 144, 115 | 15°, 74%, 68% | 0, 38, 51, 8 | |
| Pearl Blush | #F4CEC5 | 244, 206, 197 | 11°, 68%, 86% | 0, 16, 19, 4 | |
| Spritzig | #76C5E7 | 118, 197, 231 | 198°, 70%, 68% | 49, 15, 0, 9 | |
| Lynx Screen Blue | #2CB1EB | 44, 177, 235 | 198°, 83%, 55% | 81, 25, 0, 8 | |
| Frosty Day | #CCEBF5 | 204, 235, 245 | 195°, 67%, 88% | 17, 4, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2CB1EB on #CCEBF5 | 1.95:1 | — |
| Aa #EA9073 on #CCEBF5 | 1.92:1 | — |
| Aa #F4CEC5 on #2CB1EB | 1.68:1 | — |
| Aa #EA9073 on #F4CEC5 | 1.66:1 | — |
| Aa #76C5E7 on #CCEBF5 | 1.54:1 | — |
| Aa #F4CEC5 on #76C5E7 | 1.33:1 | — |
CSS variables
:root {
--color-1: #ea9073; /* Warm Welcome */
--color-2: #f4cec5; /* Pearl Blush */
--color-3: #76c5e7; /* Spritzig */
--color-4: #2cb1eb; /* Lynx Screen Blue */
--color-5: #ccebf5; /* Frosty Day */
}Other schemes from Warm Welcome
- Warm Welcome Analogous Color Scheme#E56CC0#E6718D#EA9073#EBCA70#C6EC7A
- Warm Welcome Triadic Color Scheme#EA9073#7BE892#9878F8#F7D6CB#2DFE54
- Warm Welcome Split-complementary Color Scheme#EA9073#7EF4CC#6495ED#E25E31#B0EEE2
- Warm Welcome Tetradic Color Scheme#EA9073#88EE77#76C5E7#CC77EE#F7D6CB
- Warm Welcome Monochromatic Color Scheme#AD3D1E#E25E31#EA9073#F6C6B9#FBEEE8
More Light Red complementary palettes
- Amour Complementary Color Scheme#EE5851#F9A7A4#45E9FD#11DDDD#B2F8F8
- Angry Flamingo Complementary Color Scheme#F04E45#FB9F93#45E9FD#09CDCD#A4F4F9
- Anime Blush Complementary Color Scheme#FF7A83#FDD7D8#73FDFF#33FFFF#E0FEFE
- Aphrodisiac Complementary Color Scheme#E35A63#EDAAAC#5EE7DF#22CCCC#AFEEEE
- Babe Complementary Color Scheme#DC7B7C#EDC3C5#78D8D9#3DCFC2#CEEEEF
- Begonia Complementary Color Scheme#FA6E79#FDC8CD#66EEEE#26F7FD#D0FEFE
- Berrylicious Complementary Color Scheme#D75E6C#E6A7AC#55DDCC#2CBAA3#B0EEE2
- Bite My Tongue Complementary Color Scheme#D47D72#EBBDB8#71CBD2#30AABC#C0E7EB
- Blood Burst Complementary Color Scheme#FF474C#FEA5A2#41FDFE#00FFEF#ACFFFC
- Blush Bomb Complementary Color Scheme#DD99AA#F5DEE2#99DDCC#66CDAA#E2F7F1
- Blush Hour Complementary Color Scheme#FF6F91#FFC9D7#73FCD6#32FFDC#D8FFF3
- Boho Blush Complementary Color Scheme#E58787#F6D2D4#96E2E1#48D1CC#D7F5F6
Questions
What colors go with Warm Welcome?
In a complementary scheme: Pearl Blush (#F4CEC5), Spritzig (#76C5E7), Lynx Screen Blue (#2CB1EB), Frosty Day (#CCEBF5).
What is the hex code of Warm Welcome?
#EA9073.