Ibis Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ibis (#F4B3C2), each snapped to its nearest named color.
#F4B3C2
#B8EBC5
#B0E0F6
#E6718D
#EBFCEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ibis | #F4B3C2 | 244, 179, 194 | 346°, 75%, 83% | 0, 27, 20, 4 | |
| Slime Lime | #B8EBC5 | 184, 235, 197 | 135°, 56%, 82% | 22, 0, 16, 8 | |
| Azure Sky | #B0E0F6 | 176, 224, 246 | 199°, 80%, 83% | 28, 9, 0, 4 | |
| Loveland | #E6718D | 230, 113, 141 | 346°, 70%, 67% | 0, 51, 39, 10 | |
| Placebo Green | #EBFCEC | 235, 252, 236 | 124°, 74%, 95% | 7, 0, 6, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6718D on #EBFCEC | 2.77:1 | — |
| Aa #B8EBC5 on #E6718D | 2.21:1 | — |
| Aa #B0E0F6 on #E6718D | 2.09:1 | — |
| Aa #F4B3C2 on #E6718D | 1.70:1 | — |
| Aa #F4B3C2 on #EBFCEC | 1.63:1 | — |
| Aa #B0E0F6 on #EBFCEC | 1.33:1 | — |
CSS variables
:root {
--color-1: #f4b3c2; /* Ibis */
--color-2: #b8ebc5; /* Slime Lime */
--color-3: #b0e0f6; /* Azure Sky */
--color-4: #e6718d; /* Loveland */
--color-5: #ebfcec; /* Placebo Green */
}Other schemes from Ibis
- Ibis Complementary Color Scheme#F4B3C2#FFE9ED#B0EEE2#6FE7DB#EBFCF5
- Ibis Analogous Color Scheme#E9AEF2#F2ABE1#F4B3C2#F2C5B2#F4E4B3
- Ibis Triadic Color Scheme#F4B3C2#C7FDB5#B7C0EA#FFE9ED#88EE77
- Ibis Tetradic Color Scheme#F4B3C2#E3EFB2#B0EEE2#C2B2F0#FFE9ED
- Ibis Monochromatic Color Scheme#E52B50#E6718D#F4B3C2#FFE9ED#FFE9ED
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 Ibis?
In a split-complementary scheme: Slime Lime (#B8EBC5), Azure Sky (#B0E0F6), Loveland (#E6718D), Placebo Green (#EBFCEC).
What is the hex code of Ibis?
#F4B3C2.