Ivory Tower Complementary Color Scheme
Five colors arranged by the complementary rule around Ivory Tower (#FBF3F1), each snapped to its nearest named color.
#FBF3F1
#FAEFE9
#ECF7F7
#B3E1E8
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ivory Tower | #FBF3F1 | 251, 243, 241 | 12°, 56%, 96% | 0, 3, 4, 2 | |
| Baby Blossom | #FAEFE9 | 250, 239, 233 | 21°, 63%, 95% | 0, 4, 7, 2 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Across the Bay | #B3E1E8 | 179, 225, 232 | 188°, 54%, 81% | 23, 3, 0, 9 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF7F7 on #B3E1E8 | 1.29:1 | — |
| Aa #B3E1E8 on #ECF7F7 | 1.29:1 | — |
| Aa #FBF3F1 on #B3E1E8 | 1.29:1 | — |
| Aa #FAEFE9 on #B3E1E8 | 1.25:1 | — |
| Aa #FAEFE9 on #ECF7F7 | 1.03:1 | — |
| Aa #FAEFE9 on #ECF7F7 | 1.03:1 | — |
CSS variables
:root {
--color-1: #fbf3f1; /* Ivory Tower */
--color-2: #faefe9; /* Baby Blossom */
--color-3: #ecf7f7; /* Aijiro White */
--color-4: #b3e1e8; /* Across the Bay */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from Ivory Tower
- Ivory Tower Analogous Color Scheme#FCEBF4#F8EAED#FBF3F1#FAF6EA#F7F9E9
- Ivory Tower Triadic Color Scheme#FBF3F1#EBF8EF#EEE9F9#FAEFE9#B3E8C2
- Ivory Tower Split-complementary Color Scheme#FBF3F1#E9F9F5#E8EFF8#E8C2B4#E9F9F5
- Ivory Tower Tetradic Color Scheme#FBF3F1#F1F9EC#ECF7F7#F3E9F7#FAEFE9
- Ivory Tower Monochromatic Color Scheme#D98A7D#E8C2B4#FBF3F1#FAEFE9#FAEFE9
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 Ivory Tower?
In a complementary scheme: Baby Blossom (#FAEFE9), Aijiro White (#ECF7F7), Across the Bay (#B3E1E8), Aijiro White (#ECF7F7).
What is the hex code of Ivory Tower?
#FBF3F1.