Fabulous Fawn Complementary Color Scheme
Five colors arranged by the complementary rule around Fabulous Fawn (#E5C1A3), each snapped to its nearest named color.
#E5C1A3
#F8F1EB
#A6C9E3
#69A2D5
#ECF3F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fabulous Fawn | #E5C1A3 | 229, 193, 163 | 27°, 56%, 77% | 0, 16, 29, 10 | |
| Shea | #F8F1EB | 248, 241, 235 | 28°, 48%, 95% | 0, 3, 5, 3 | |
| Template | #A6C9E3 | 166, 201, 227 | 206°, 52%, 77% | 27, 11, 0, 11 | |
| Blue Gourami | #69A2D5 | 105, 162, 213 | 208°, 56%, 62% | 51, 24, 0, 16 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8F1EB on #69A2D5 | 2.43:1 | — |
| Aa #69A2D5 on #ECF3F9 | 2.43:1 | — |
| Aa #E5C1A3 on #69A2D5 | 1.62:1 | — |
| Aa #A6C9E3 on #69A2D5 | 1.56:1 | — |
| Aa #F8F1EB on #A6C9E3 | 1.55:1 | — |
| Aa #A6C9E3 on #ECF3F9 | 1.55:1 | — |
CSS variables
:root {
--color-1: #e5c1a3; /* Fabulous Fawn */
--color-2: #f8f1eb; /* Shea */
--color-3: #a6c9e3; /* Template */
--color-4: #69a2d5; /* Blue Gourami */
--color-5: #ecf3f9; /* Insignia White */
}Other schemes from Fabulous Fawn
- Fabulous Fawn Analogous Color Scheme#E5A3C5#E5A2AB#E5C1A3#E8E1A1#C5E6A4
- Fabulous Fawn Triadic Color Scheme#E5C1A3#A5E1C4#C2B2F0#F8F1EB#65CE95
- Fabulous Fawn Split-complementary Color Scheme#E5C1A3#A0E3E0#ACACE6#D69969#DFFBF3
- Fabulous Fawn Tetradic Color Scheme#E5C1A3#A8E4A0#A6C9E3#E8A7E2#F8F1EB
- Fabulous Fawn Monochromatic Color Scheme#B87333#D69969#E5C1A3#F6E8DF#F8F1EB
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Fabulous Fawn?
In a complementary scheme: Shea (#F8F1EB), Template (#A6C9E3), Blue Gourami (#69A2D5), Insignia White (#ECF3F9).
What is the hex code of Fabulous Fawn?
#E5C1A3.