Prosciutto Complementary Color Scheme
Five colors arranged by the complementary rule around Prosciutto (#E0B4A4), each snapped to its nearest named color.
#E0B4A4
#F5ECE7
#A4D2E0
#69B2CF
#ECF3F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prosciutto | #E0B4A4 | 224, 180, 164 | 16°, 49%, 76% | 0, 20, 27, 12 | |
| Windmill | #F5ECE7 | 245, 236, 231 | 21°, 41%, 93% | 0, 4, 6, 4 | |
| French Pass | #A4D2E0 | 164, 210, 224 | 194°, 49%, 76% | 27, 6, 0, 12 | |
| Charter | #69B2CF | 105, 178, 207 | 197°, 52%, 61% | 49, 14, 0, 19 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #69B2CF on #ECF3F9 | 2.11:1 | — |
| Aa #F5ECE7 on #69B2CF | 2.03:1 | — |
| Aa #E0B4A4 on #ECF3F9 | 1.67:1 | — |
| Aa #E0B4A4 on #F5ECE7 | 1.61:1 | — |
| Aa #A4D2E0 on #ECF3F9 | 1.46:1 | — |
| Aa #A4D2E0 on #69B2CF | 1.45:1 | — |
CSS variables
:root {
--color-1: #e0b4a4; /* Prosciutto */
--color-2: #f5ece7; /* Windmill */
--color-3: #a4d2e0; /* French Pass */
--color-4: #69b2cf; /* Charter */
--color-5: #ecf3f9; /* Insignia White */
}Other schemes from Prosciutto
- Prosciutto Analogous Color Scheme#E1A0CF#E1A4B2#E0B4A4#E1CFA5#C8E0AB
- Prosciutto Triadic Color Scheme#E0B4A4#A4E3B3#ACACE6#F8F1EB#77CC88
- Prosciutto Split-complementary Color Scheme#E0B4A4#A0E2D4#A3BAE3#CC896C#DDF2EE
- Prosciutto Tetradic Color Scheme#E0B4A4#B7E1A1#A4D2E0#DDAAEE#F8F1EB
- Prosciutto Monochromatic Color Scheme#AF593E#CC896C#E0B4A4#F2E3DC#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 Prosciutto?
In a complementary scheme: Windmill (#F5ECE7), French Pass (#A4D2E0), Charter (#69B2CF), Insignia White (#ECF3F9).
What is the hex code of Prosciutto?
#E0B4A4.