Warm Neutral Triadic Color Scheme
Five colors arranged by the triadic rule around Warm Neutral (#C1B19D), each snapped to its nearest named color.
#C1B19D
#9BC2B4
#B598C3
#EAE3DB
#70A38D
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 | |
| Stanley | #9BC2B4 | 155, 194, 180 | 158°, 24%, 68% | 20, 0, 7, 24 | 78.2% 0.046 171 | |
| Atlantic Tulip | #B598C3 | 181, 152, 195 | 280°, 26%, 68% | 7, 22, 0, 24 | 72.0% 0.069 315 | |
| Fuzzy Unicorn | #EAE3DB | 234, 227, 219 | 32°, 26%, 89% | 0, 3, 6, 8 | 91.9% 0.013 71 | |
| Quilotoa Green | #70A38D | 112, 163, 141 | 154°, 22%, 54% | 31, 0, 13, 36 | 67.3% 0.064 166 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EAE3DB on #70A38D | 2.26:1 | — |
| Aa #B598C3 on #EAE3DB | 2.00:1 | — |
| Aa #C1B19D on #EAE3DB | 1.64:1 | — |
| Aa #9BC2B4 on #EAE3DB | 1.53:1 | — |
| Aa #9BC2B4 on #70A38D | 1.47:1 | — |
| Aa #C1B19D on #70A38D | 1.37:1 | — |
CSS variables
:root {
--color-1: #c1b19d; /* Warm Neutral */
--color-2: #9bc2b4; /* Stanley */
--color-3: #b598c3; /* Atlantic Tulip */
--color-4: #eae3db; /* Fuzzy Unicorn */
--color-5: #70a38d; /* Quilotoa Green */
}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 Split-complementary Color Scheme#C1B19D#9CC2C5#9D9AC4#A68B6D#CBDEE2
- Warm Neutral Tetradic Color Scheme#C1B19D#9FC09C#9EAFC2#C09DC8#EAE3DB
- Warm Neutral Monochromatic Color Scheme#7A634D#A38D6D#C1B19D#DED5CC#F6F4EF
More light orange triadic color schemes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Warm Neutral?
In a triadic scheme: Stanley (#9BC2B4), Atlantic Tulip (#B598C3), Fuzzy Unicorn (#EAE3DB), Quilotoa Green (#70A38D).
What is the hex code of Warm Neutral?
#C1B19D.