Kelp Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kelp (#4D503C), each snapped to its nearest named color.
#4D503C
#334159
#4F3357
#27221F
#516582
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kelp | #4D503C | 77, 80, 60 | 69°, 14%, 27% | 4, 0, 25, 69 | |
| Passionate Blueberry | #334159 | 51, 65, 89 | 218°, 27%, 27% | 43, 27, 0, 65 | |
| Blackberry Cordial | #4F3357 | 79, 51, 87 | 287°, 26%, 27% | 9, 41, 0, 66 | |
| Orka Black | #27221F | 39, 34, 31 | 22°, 11%, 14% | 0, 13, 21, 85 | |
| Luxe Blue | #516582 | 81, 101, 130 | 216°, 23%, 41% | 38, 22, 0, 49 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #27221F on #516582 | 2.65:1 | — |
| Aa #4D503C on #27221F | 1.89:1 | — |
| Aa #4F3357 on #516582 | 1.82:1 | — |
| Aa #334159 on #516582 | 1.73:1 | — |
| Aa #334159 on #27221F | 1.53:1 | — |
| Aa #4F3357 on #27221F | 1.46:1 | — |
CSS variables
:root {
--color-1: #4d503c; /* Kelp */
--color-2: #334159; /* Passionate Blueberry */
--color-3: #4f3357; /* Blackberry Cordial */
--color-4: #27221f; /* Orka Black */
--color-5: #516582; /* Luxe Blue */
}Other schemes from Kelp
- Kelp Complementary Color Scheme#4D503C#898E58#3D3354#17182B#625C91
- Kelp Analogous Color Scheme#573935#574D35#4D503C#415B36#3B593A
- Kelp Triadic Color Scheme#4D503C#385058#533552#8F9B5B#162825
- Kelp Tetradic Color Scheme#4D503C#32584C#3D3354#563342#8F9B5B
- Kelp Monochromatic Color Scheme#12110E#21211D#4D503C#747D5A#9DA286
More Dark Yellow split-complementary palettes
- Alligator Split-complementary Color Scheme#886600#006585#220088#3C3005#0099D1
- Augustus Asparagus Split-complementary Color Scheme#90AA0B#0044AA#6611AA#556600#1D5DEC
- Ayahuasca Vine Split-complementary Color Scheme#665500#004466#220066#1F180A#0075B3
- Bancha Split-complementary Color Scheme#666A47#455371#5C4671#3E3D29#5B7A9C
- Bay Leaf Split-complementary Color Scheme#86793D#3E6F87#4B3C8E#524B2A#5D98B3
- Beat Around the Bush Split-complementary Color Scheme#6E6A44#435A6F#544173#3E3D29#5A839E
- BioShock Split-complementary Color Scheme#889900#033B9A#5E0092#404C02#0055EE
- Capers Split-complementary Color Scheme#897A3E#3D7188#5B3E90#584C25#5D98B3
- Captain Kirk Split-complementary Color Scheme#9B870C#0A6B92#440099#544E03#1199EE
- Chorus of Frogs Split-complementary Color Scheme#8C9632#2E5894#663399#4B5D16#507BCE
- Citrus Split-complementary Color Scheme#9FB70A#0048BA#6611AA#6A6E09#1F66FF
- Countryside Split-complementary Color Scheme#A4A404#0853A7#5500AA#565C00#0078F8
Questions
What colors go with Kelp?
In a split-complementary scheme: Passionate Blueberry (#334159), Blackberry Cordial (#4F3357), Orka Black (#27221F), Luxe Blue (#516582).
What is the hex code of Kelp?
#4D503C.