Warm Neutral Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Warm Neutral (#C1B19D), each snapped to its nearest named color.
#C1B19D
#9CC2C5
#9D9AC4
#A68B6D
#CBDEE2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Warm Neutral | #C1B19D | 193, 177, 157 | 33°, 22%, 69% | 0, 8, 19, 24 | 76.8% 0.033 73 | |
| Canal Blue | #9CC2C5 | 156, 194, 197 | 184°, 26%, 69% | 21, 2, 0, 23 | 78.7% 0.041 202 | |
| Majestic Violet | #9D9AC4 | 157, 154, 196 | 244°, 26%, 69% | 20, 21, 0, 23 | 70.3% 0.061 288 | |
| Tannin | #A68B6D | 166, 139, 109 | 32°, 24%, 54% | 0, 16, 34, 35 | 65.4% 0.053 70 | |
| Embellishment | #CBDEE2 | 203, 222, 226 | 190°, 28%, 84% | 10, 2, 0, 11 | 88.8% 0.021 212 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A68B6D on #CBDEE2 | 2.31:1 | — |
| Aa #9D9AC4 on #CBDEE2 | 1.92:1 | — |
| Aa #9CC2C5 on #A68B6D | 1.67:1 | — |
| Aa #C1B19D on #A68B6D | 1.54:1 | — |
| Aa #C1B19D on #CBDEE2 | 1.50:1 | — |
| Aa #9CC2C5 on #9D9AC4 | 1.39:1 | — |
CSS variables
:root {
--color-1: #c1b19d; /* Warm Neutral */
--color-2: #9cc2c5; /* Canal Blue */
--color-3: #9d9ac4; /* Majestic Violet */
--color-4: #a68b6d; /* Tannin */
--color-5: #cbdee2; /* Embellishment */
}Other schemes from Warm Neutral
- Warm Neutral Complementary Color Scheme#C1B19D#E4DED5#9EAFC2#6586A5#DAE2E9
- Warm Neutral Analogous Color Scheme#C59DAA#C79D9B#C1B19D#C8C197#AAC69A
- Warm Neutral Triadic Color Scheme#C1B19D#9BC2B4#B598C3#EAE3DB#70A38D
- Warm Neutral Tetradic Color Scheme#C1B19D#9FC09C#9EAFC2#C09DC8#EAE3DB
- Warm Neutral Monochromatic Color Scheme#7A634D#A38D6D#C1B19D#DED5CC#F6F4EF
More light orange split-complementary color schemes
- 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 Warm Neutral?
In a split-complementary scheme: Canal Blue (#9CC2C5), Majestic Violet (#9D9AC4), Tannin (#A68B6D), Embellishment (#CBDEE2).
What is the hex code of Warm Neutral?
#C1B19D.