Ibis Complementary Color Scheme
Five colors arranged by the complementary rule around Ibis (#F4B3C2), each snapped to its nearest named color.
#F4B3C2
#FFE9ED
#B0EEE2
#6FE7DB
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ibis | #F4B3C2 | 244, 179, 194 | 346°, 75%, 83% | 0, 27, 20, 4 | |
| Rose Mochi | #FFE9ED | 255, 233, 237 | 349°, 100%, 96% | 0, 9, 7, 0 | |
| East Cape | #B0EEE2 | 176, 238, 226 | 168°, 65%, 81% | 26, 0, 5, 7 | |
| Turquoise Chalk | #6FE7DB | 111, 231, 219 | 174°, 71%, 67% | 52, 0, 5, 9 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4B3C2 on #EBFCF5 | 1.64:1 | — |
| Aa #F4B3C2 on #FFE9ED | 1.50:1 | — |
| Aa #6FE7DB on #EBFCF5 | 1.40:1 | — |
| Aa #F4B3C2 on #B0EEE2 | 1.34:1 | — |
| Aa #FFE9ED on #6FE7DB | 1.28:1 | — |
| Aa #B0EEE2 on #EBFCF5 | 1.22:1 | — |
CSS variables
:root {
--color-1: #f4b3c2; /* Ibis */
--color-2: #ffe9ed; /* Rose Mochi */
--color-3: #b0eee2; /* East Cape */
--color-4: #6fe7db; /* Turquoise Chalk */
--color-5: #ebfcf5; /* Placebo Turquoise */
}Other schemes from Ibis
- Ibis Analogous Color Scheme#E9AEF2#F2ABE1#F4B3C2#F2C5B2#F4E4B3
- Ibis Triadic Color Scheme#F4B3C2#C7FDB5#B7C0EA#FFE9ED#88EE77
- Ibis Split-complementary Color Scheme#F4B3C2#B8EBC5#B0E0F6#E6718D#EBFCEC
- Ibis Tetradic Color Scheme#F4B3C2#E3EFB2#B0EEE2#C2B2F0#FFE9ED
- Ibis Monochromatic Color Scheme#E52B50#E6718D#F4B3C2#FFE9ED#FFE9ED
More Very Light Red complementary palettes
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Angelic Wings Complementary Color Scheme#F4EFEE#F4EFEE#EEF2F3#BBD3DA#F1F3F3
- Angry Ghost Complementary Color Scheme#EEBBBB#F9EAEB#BBEEEE#78D8D9#EDFCFB
- Apricot Haze Complementary Color Scheme#FFAAAA#FFE6E4#AAFFFF#56FFFF#E7FEFF
- Ballet Complementary Color Scheme#F7D5D4#F9EAEA#D7F5F6#99EEEE#E7FAFA
- Ballet Slippers Complementary Color Scheme#FCA2AD#FDE6E7#AAFFEE#55FFEE#E7FEFF
- Berry Good Complementary Color Scheme#EDC3C5#F9EAEB#C3ECE9#88D9D8#ECF7F7
- Bloodthirsty Beige Complementary Color Scheme#F8D7D0#FCEBEB#D1F0F6#88DDEE#E8F7FD
- Blowing Kisses Complementary Color Scheme#F6DEE0#F9EAEB#DFFBF3#A0E3E0#E9F9F5
- Blush Kiss Complementary Color Scheme#EABCC0#F8EAED#BDE9E5#81D7D0#ECF7F7
- Blush Rush Complementary Color Scheme#F0BCBE#F9EAEB#BBEEEE#6FE7DB#E7FAFA
- Butterfly Kisses Complementary Color Scheme#F0DEDC#F6EEED#DDEEEE#A7D4D9#ECF7F7
Questions
What colors go with Ibis?
In a complementary scheme: Rose Mochi (#FFE9ED), East Cape (#B0EEE2), Turquoise Chalk (#6FE7DB), Placebo Turquoise (#EBFCF5).
What is the hex code of Ibis?
#F4B3C2.