Coconut Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Coconut (#965A3E), each snapped to its nearest named color.
#965A3E
#349B82
#365194
#603B2A
#67BCB3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coconut | #965A3E | 150, 90, 62 | 19°, 42%, 42% | 0, 40, 59, 41 | |
| Green Jelly | #349B82 | 52, 155, 130 | 165°, 50%, 41% | 66, 0, 16, 39 | |
| Chinese Blue | #365194 | 54, 81, 148 | 223°, 47%, 40% | 64, 45, 0, 42 | |
| Tropical Wood Brown | #603B2A | 96, 59, 42 | 19°, 39%, 27% | 0, 39, 56, 62 | |
| Pool Blue | #67BCB3 | 103, 188, 179 | 174°, 39%, 57% | 45, 0, 5, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #603B2A on #67BCB3 | 4.37:1 | AA large |
| Aa #365194 on #67BCB3 | 3.41:1 | AA large |
| Aa #349B82 on #603B2A | 2.86:1 | — |
| Aa #965A3E on #67BCB3 | 2.46:1 | — |
| Aa #349B82 on #365194 | 2.23:1 | — |
| Aa #965A3E on #603B2A | 1.78:1 | — |
CSS variables
:root {
--color-1: #965a3e; /* Coconut */
--color-2: #349b82; /* Green Jelly */
--color-3: #365194; /* Chinese Blue */
--color-4: #603b2a; /* Tropical Wood Brown */
--color-5: #67bcb3; /* Pool Blue */
}Other schemes from Coconut
- Coconut Complementary Color Scheme#965A3E#C6876F#3A7A9B#2A4F61#73A9C2
- Coconut Analogous Color Scheme#903F75#983F4A#965A3E#95863C#7A973B
- Coconut Triadic Color Scheme#965A3E#339C5E#5B3E90#C98F70#2A603B
- Coconut Tetradic Color Scheme#965A3E#53983C#3A7A9B#803790#C98F70
- Coconut Monochromatic Color Scheme#271B10#603B2A#965A3E#B98563#D4AC99
More Medium Orange split-complementary palettes
- 24 Carrot Split-complementary Color Scheme#E56E24#25E2CD#273BE2#AD4E1A#6FE7DB
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- Acorn Split-complementary Color Scheme#7F5E50#43817A#4E5481#533B32#74A69B
- Amaretto Sour Split-complementary Color Scheme#C09856#56B3C3#6258C4#976F3C#8ECED8
- Amber Split-complementary Color Scheme#FFBF00#00BFFF#3F00FF#BB8800#4CD5FF
- Apocalyptic Orange Split-complementary Color Scheme#F4711E#08E8DE#152EFF#BB5511#66EEEE
- Arancio Split-complementary Color Scheme#FF7013#11FFEE#152EFF#C65102#65FFFF
- Argan Oil Split-complementary Color Scheme#9D6646#4A9C95#445599#6A432D#71BAB4
- Arrakis Spice Split-complementary Color Scheme#BB8246#43BCBE#4A40AD#825E2F#7FD3D3
- Arrowwood Split-complementary Color Scheme#B3861E#1E98AE#3A18B1#775511#34B5D5
- Atomic Orange Split-complementary Color Scheme#F88605#01F1F1#0C06F7#B25F03#53F6FF
- Autumnal Split-complementary Color Scheme#AD5928#25AE8E#2138AB#72371C#48D1CC
Questions
What colors go with Coconut?
In a split-complementary scheme: Green Jelly (#349B82), Chinese Blue (#365194), Tropical Wood Brown (#603B2A), Pool Blue (#67BCB3).
What is the hex code of Coconut?
#965A3E.