Grilled Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grilled (#633F2E), each snapped to its nearest named color.
#633F2E
#2B655F
#2C3A64
#351F19
#4F9785
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Grilled | #633F2E | 99, 63, 46 | 19°, 37%, 28% | 0, 36, 54, 61 | |
| Alliance | #2B655F | 43, 101, 95 | 174°, 40%, 28% | 57, 0, 6, 60 | |
| Blue Depths | #2C3A64 | 44, 58, 100 | 225°, 39%, 28% | 56, 42, 0, 61 | |
| Scorched | #351F19 | 53, 31, 25 | 13°, 36%, 15% | 0, 42, 53, 79 | |
| Crisp Lettuce | #4F9785 | 79, 151, 133 | 165°, 31%, 45% | 48, 0, 12, 41 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #351F19 on #4F9785 | 4.48:1 | AA large |
| Aa #2C3A64 on #4F9785 | 3.22:1 | AA large |
| Aa #633F2E on #4F9785 | 2.67:1 | — |
| Aa #2B655F on #351F19 | 2.30:1 | — |
| Aa #2B655F on #4F9785 | 1.95:1 | — |
| Aa #633F2E on #351F19 | 1.68:1 | — |
CSS variables
:root {
--color-1: #633f2e; /* Grilled */
--color-2: #2b655f; /* Alliance */
--color-3: #2c3a64; /* Blue Depths */
--color-4: #351f19; /* Scorched */
--color-5: #4f9785; /* Crisp Lettuce */
}Other schemes from Grilled
- Grilled Complementary Color Scheme#633F2E#A5654A#2E5464#1B2632#4B8CA9
- Grilled Analogous Color Scheme#692B57#612E32#633F2E#67592A#54622E
- Grilled Triadic Color Scheme#633F2E#33673F#3E3267#A96A50#1B2B1B
- Grilled Tetradic Color Scheme#633F2E#306230#2E5464#5B3167#A96A50
- Grilled Monochromatic Color Scheme#130D07#351F19#633F2E#976343#BC896E
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Grilled?
In a split-complementary scheme: Alliance (#2B655F), Blue Depths (#2C3A64), Scorched (#351F19), Crisp Lettuce (#4F9785).
What is the hex code of Grilled?
#633F2E.