Frappé Triadic Color Scheme
Five colors arranged by the triadic rule around Frappé (#CEAE99), each snapped to its nearest named color.
#CEAE99
#9ACDA9
#AE99D2
#EFE4DC
#61BA85
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Frappé | #CEAE99 | 206, 174, 153 | 24°, 35%, 70% | 0, 16, 26, 19 | 77.3% 0.047 55 | |
| Heath Green | #9ACDA9 | 154, 205, 169 | 138°, 34%, 70% | 25, 0, 18, 20 | 80.3% 0.074 154 | |
| Biloba Flower | #AE99D2 | 174, 153, 210 | 262°, 39%, 71% | 17, 27, 0, 18 | 72.2% 0.084 301 | |
| Soft Feather | #EFE4DC | 239, 228, 220 | 25°, 37%, 90% | 0, 5, 8, 6 | 92.5% 0.016 59 | |
| Green Garter | #61BA85 | 97, 186, 133 | 144°, 39%, 55% | 48, 0, 28, 27 | 71.9% 0.117 156 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AE99D2 on #EFE4DC | 2.03:1 | — |
| Aa #EFE4DC on #61BA85 | 1.89:1 | — |
| Aa #CEAE99 on #EFE4DC | 1.66:1 | — |
| Aa #9ACDA9 on #EFE4DC | 1.44:1 | — |
| Aa #9ACDA9 on #AE99D2 | 1.41:1 | — |
| Aa #9ACDA9 on #61BA85 | 1.32:1 | — |
CSS variables
:root {
--color-1: #ceae99; /* Frappé */
--color-2: #9acda9; /* Heath Green */
--color-3: #ae99d2; /* Biloba Flower */
--color-4: #efe4dc; /* Soft Feather */
--color-5: #61ba85; /* Green Garter */
}Other schemes from Frappé
- Frappé Complementary Color Scheme#CEAE99#ECDFD6#9CBACD#6193B4#DDE8ED
- Frappé Analogous Color Scheme#CC99BB#CA999E#CEAE99#CDCA98#BBCC99
- Frappé Split-complementary Color Scheme#CEAE99#98CECD#939DCC#B98563#CCE9E4
- Frappé Tetradic Color Scheme#CEAE99#9DD196#9CBACD#CC99CC#EFE4DC
- Frappé Monochromatic Color Scheme#8D5E41#B98563#CEAE99#E6D8CD#F7EFEF
More light orange triadic color schemes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Frappé?
In a triadic scheme: Heath Green (#9ACDA9), Biloba Flower (#AE99D2), Soft Feather (#EFE4DC), Green Garter (#61BA85).
What is the hex code of Frappé?
#CEAE99.