Cookie Crust Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cookie Crust (#E3B258), each snapped to its nearest named color.
#E3B258
#4FDCE1
#7755EE
#CC8822
#96E2E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cookie Crust | #E3B258 | 227, 178, 88 | 39°, 71%, 62% | 0, 22, 61, 11 | |
| Neon Nazar | #4FDCE1 | 79, 220, 225 | 182°, 71%, 60% | 65, 2, 0, 12 | |
| Candy Grape Fizz | #7755EE | 119, 85, 238 | 253°, 82%, 63% | 50, 64, 0, 7 | |
| Chicken Masala | #CC8822 | 204, 136, 34 | 36°, 71%, 47% | 0, 33, 83, 20 | |
| Aqua Fiesta | #96E2E1 | 150, 226, 225 | 179°, 57%, 74% | 34, 0, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7755EE on #96E2E1 | 3.30:1 | AA large |
| Aa #4FDCE1 on #7755EE | 2.93:1 | — |
| Aa #E3B258 on #7755EE | 2.50:1 | — |
| Aa #CC8822 on #96E2E1 | 2.01:1 | — |
| Aa #4FDCE1 on #CC8822 | 1.78:1 | — |
| Aa #7755EE on #CC8822 | 1.65:1 | — |
CSS variables
:root {
--color-1: #e3b258; /* Cookie Crust */
--color-2: #4fdce1; /* Neon Nazar */
--color-3: #7755ee; /* Candy Grape Fizz */
--color-4: #cc8822; /* Chicken Masala */
--color-5: #96e2e1; /* Aqua Fiesta */
}Other schemes from Cookie Crust
- Cookie Crust Complementary Color Scheme#E3B258#F0D5A8#4F8FE6#214FC6#AEC9EB
- Cookie Crust Analogous Color Scheme#E35B8F#E57059#E3B258#D9E650#80E45F
- Cookie Crust Triadic Color Scheme#E3B258#56FCA2#A552E6#F4D9AF#22CC88
- Cookie Crust Tetradic Color Scheme#E3B258#4CFF7B#4F8FE6#E15ACB#F4D9AF
- Cookie Crust Monochromatic Color Scheme#996515#CC8822#E3B258#EFCF9B#FAEEDB
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 Cookie Crust?
In a split-complementary scheme: Neon Nazar (#4FDCE1), Candy Grape Fizz (#7755EE), Chicken Masala (#CC8822), Aqua Fiesta (#96E2E1).
What is the hex code of Cookie Crust?
#E3B258.