Granola Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Granola (#F5CE9F), each snapped to its nearest named color.
#F5CE9F
#98EFF9
#A899E6
#ECAE58
#E7FAFA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Granola | #F5CE9F | 245, 206, 159 | 33°, 81%, 79% | 0, 16, 35, 4 | |
| Permafrost | #98EFF9 | 152, 239, 249 | 186°, 89%, 79% | 39, 4, 0, 2 | |
| Dull Lavender | #A899E6 | 168, 153, 230 | 252°, 61%, 75% | 27, 33, 0, 10 | |
| Shiny Trumpet | #ECAE58 | 236, 174, 88 | 35°, 80%, 64% | 0, 26, 63, 7 | |
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A899E6 on #E7FAFA | 2.33:1 | — |
| Aa #98EFF9 on #A899E6 | 1.92:1 | — |
| Aa #ECAE58 on #E7FAFA | 1.81:1 | — |
| Aa #F5CE9F on #A899E6 | 1.70:1 | — |
| Aa #98EFF9 on #ECAE58 | 1.49:1 | — |
| Aa #F5CE9F on #E7FAFA | 1.37:1 | — |
CSS variables
:root {
--color-1: #f5ce9f; /* Granola */
--color-2: #98eff9; /* Permafrost */
--color-3: #a899e6; /* Dull Lavender */
--color-4: #ecae58; /* Shiny Trumpet */
--color-5: #e7fafa; /* Calm Waters */
}Other schemes from Granola
- Granola Complementary Color Scheme#F5CE9F#FFF4E8#99C3F0#5B92E5#E7EFFB
- Granola Analogous Color Scheme#F49AC2#F8A39D#F5CE9F#EFF19D#CCEE99
- Granola Triadic Color Scheme#F5CE9F#96FBC4#CA9BF7#FFF4E8#56FCA2
- Granola Tetradic Color Scheme#F5CE9F#99EEAA#99C3F0#EE99EE#FFF4E8
- Granola Monochromatic Color Scheme#E08A1E#ECAE58#F5CE9F#FCF0E5#FFF4E8
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Granola?
In a split-complementary scheme: Permafrost (#98EFF9), Dull Lavender (#A899E6), Shiny Trumpet (#ECAE58), Calm Waters (#E7FAFA).
What is the hex code of Granola?
#F5CE9F.