Calabrese Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Calabrese (#F4A6A3), each snapped to its nearest named color.
#F4A6A3
#ABF4D2
#A1CAF1
#EA6759
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Calabrese | #F4A6A3 | 244, 166, 163 | 2°, 79%, 80% | 0, 32, 33, 4 | 80.0% 0.093 22 | |
| Mintie | #ABF4D2 | 171, 244, 210 | 152°, 77%, 81% | 30, 0, 14, 4 | 91.0% 0.086 164 | |
| Baby Blue Eyes | #A1CAF1 | 161, 202, 241 | 209°, 74%, 79% | 33, 16, 0, 5 | 82.3% 0.070 247 | |
| Emberglow | #EA6759 | 234, 103, 89 | 6°, 78%, 63% | 0, 56, 62, 8 | 67.3% 0.165 28 | |
| 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 #EA6759 on #E6FDF1 | 2.99:1 | — |
| Aa #ABF4D2 on #EA6759 | 2.52:1 | — |
| Aa #A1CAF1 on #EA6759 | 1.86:1 | — |
| Aa #F4A6A3 on #E6FDF1 | 1.82:1 | — |
| Aa #F4A6A3 on #EA6759 | 1.65:1 | — |
| Aa #A1CAF1 on #E6FDF1 | 1.61:1 | — |
CSS variables
:root {
--color-1: #f4a6a3; /* Calabrese */
--color-2: #abf4d2; /* Mintie */
--color-3: #a1caf1; /* Baby Blue Eyes */
--color-4: #ea6759; /* Emberglow */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Calabrese
- Calabrese Complementary Color Scheme#F4A6A3#FCEAE6#A1F4F5#56F7F3#EBFCFC
- Calabrese Analogous Color Scheme#EEAAEE#ECA6CA#F4A6A3#F4D0A4#F6F3A7
- Calabrese Triadic Color Scheme#F4A6A3#AAEEAA#A0A0FF#FCEAE6#4CFF7B
- Calabrese Tetradic Color Scheme#F4A6A3#C1F9A2#A1F4F5#CEA2FD#FCEAE6
- Calabrese Monochromatic Color Scheme#E2261F#EA6759#F4A6A3#FBE7E6#FCEAE6
More light red split-complementary color schemes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Calabrese?
In a split-complementary scheme: Mintie (#ABF4D2), Baby Blue Eyes (#A1CAF1), Emberglow (#EA6759), Mint Chiffon (#E6FDF1).
What is the hex code of Calabrese?
#F4A6A3.