Gravlax Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gravlax (#EC834F), each snapped to its nearest named color.
#EC834F
#45E9C1
#5566EE
#D15915
#89F5E3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gravlax | #EC834F | 236, 131, 79 | 20°, 81%, 62% | 0, 44, 67, 7 | |
| Aphrodite Aqua | #45E9C1 | 69, 233, 193 | 165°, 79%, 59% | 70, 0, 17, 9 | |
| Flickering Sea | #5566EE | 85, 102, 238 | 233°, 82%, 63% | 64, 57, 0, 7 | |
| Tomato Bisque | #D15915 | 209, 89, 21 | 22°, 82%, 45% | 0, 57, 90, 18 | |
| Turquoise Pearl | #89F5E3 | 137, 245, 227 | 170°, 84%, 75% | 44, 0, 7, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5566EE on #89F5E3 | 3.59:1 | AA large |
| Aa #D15915 on #89F5E3 | 3.15:1 | AA large |
| Aa #45E9C1 on #5566EE | 3.03:1 | AA large |
| Aa #45E9C1 on #D15915 | 2.66:1 | — |
| Aa #EC834F on #89F5E3 | 2.05:1 | — |
| Aa #EC834F on #5566EE | 1.75:1 | — |
CSS variables
:root {
--color-1: #ec834f; /* Gravlax */
--color-2: #45e9c1; /* Aphrodite Aqua */
--color-3: #5566ee; /* Flickering Sea */
--color-4: #d15915; /* Tomato Bisque */
--color-5: #89f5e3; /* Turquoise Pearl */
}Other schemes from Gravlax
- Gravlax Complementary Color Scheme#EC834F#F7BEA2#55AAEE#0E9BD1#ABDDF1
- Gravlax Analogous Color Scheme#F246A7#E94E6D#EC834F#ECD251#B2EC5D
- Gravlax Triadic Color Scheme#EC834F#58F898#904FEF#F3C1AB#11DD55
- Gravlax Tetradic Color Scheme#EC834F#70F15E#55AAEE#CC55EE#F3C1AB
- Gravlax Monochromatic Color Scheme#933709#D15915#EC834F#F1B393#FBE5D9
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 Gravlax?
In a split-complementary scheme: Aphrodite Aqua (#45E9C1), Flickering Sea (#5566EE), Tomato Bisque (#D15915), Turquoise Pearl (#89F5E3).
What is the hex code of Gravlax?
#EC834F.