Ibis Triadic Color Scheme
Five colors arranged by the triadic rule around Ibis (#F4B3C2), each snapped to its nearest named color.
#F4B3C2
#C7FDB5
#B7C0EA
#FFE9ED
#88EE77
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Ibis | #F4B3C2 | 244, 179, 194 | 346°, 75%, 83% | 0, 27, 20, 4 | 83.1% 0.078 4 | |
| Distilled Venom | #C7FDB5 | 199, 253, 181 | 105°, 95%, 85% | 21, 0, 28, 1 | 93.9% 0.110 138 | |
| Larkspur Bud | #B7C0EA | 183, 192, 234 | 229°, 55%, 82% | 22, 18, 0, 8 | 81.5% 0.060 276 | |
| Rose Mochi | #FFE9ED | 255, 233, 237 | 349°, 100%, 96% | 0, 9, 7, 0 | 95.3% 0.025 5 | |
| Herbivore | #88EE77 | 136, 238, 119 | 111°, 78%, 70% | 43, 0, 50, 7 | 86.0% 0.184 141 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C7FDB5 on #B7C0EA | 1.55:1 | — |
| Aa #B7C0EA on #FFE9ED | 1.54:1 | — |
| Aa #F4B3C2 on #C7FDB5 | 1.50:1 | — |
| Aa #F4B3C2 on #FFE9ED | 1.50:1 | — |
| Aa #C7FDB5 on #88EE77 | 1.25:1 | — |
| Aa #FFE9ED on #88EE77 | 1.25:1 | — |
CSS variables
:root {
--color-1: #f4b3c2; /* Ibis */
--color-2: #c7fdb5; /* Distilled Venom */
--color-3: #b7c0ea; /* Larkspur Bud */
--color-4: #ffe9ed; /* Rose Mochi */
--color-5: #88ee77; /* Herbivore */
}Other schemes from Ibis
- Ibis Complementary Color Scheme#F4B3C2#FFE9ED#B0EEE2#6FE7DB#EBFCF5
- Ibis Analogous Color Scheme#E9AEF2#F2ABE1#F4B3C2#F2C5B2#F4E4B3
- 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 triadic color schemes
- Abloom Triadic Color Scheme#F1CBCD#CEF0CC#CCCCEE#F9EAEB#94E089
- Angelic Wings Triadic Color Scheme#F4EFEE#EFF5F1#EBEEF3#F4EFEE#BDD8C0
- Angry Ghost Triadic Color Scheme#EEBBBB#BBE6BB#BCBDE4#F9EAEB#77DD77
- Apricot Haze Triadic Color Scheme#FFAAAA#AAFFAA#AAAAFF#FFE6E4#53FE5C
- Ballet Triadic Color Scheme#F7D5D4#D8F3D7#D2D8F4#F9EAEA#90EE90
- Ballet Slippers Triadic Color Scheme#FCA2AD#B2FBA5#AAAAFF#FDE6E7#66FF55
- Berry Good Triadic Color Scheme#EDC3C5#C1EFC6#C4C0E9#F9EAEB#98D98E
- Bloodthirsty Beige Triadic Color Scheme#F8D7D0#D2F4DD#DCD0FF#FCEBEB#90EE90
- Blowing Kisses Triadic Color Scheme#F6DEE0#E1F2DF#D8E1F1#F9EAEB#A8E4A0
- Blush Kiss Triadic Color Scheme#EABCC0#C2ECBC#B7C0EA#F8EAED#8CCE86
- Blush Rush Triadic Color Scheme#F0BCBE#B8F8B8#B8B8F8#F9EAEB#8DE07C
- Butterfly Kisses Triadic Color Scheme#F0DEDC#DEF1DD#DDDCEF#F6EEED#A5D7B2
Questions
What colors go with Ibis?
In a triadic scheme: Distilled Venom (#C7FDB5), Larkspur Bud (#B7C0EA), Rose Mochi (#FFE9ED), Herbivore (#88EE77).
What is the hex code of Ibis?
#F4B3C2.