Bay Leaf Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bay Leaf (#86793D), each snapped to its nearest named color.
#86793D
#3E6F87
#4B3C8E
#524B2A
#5D98B3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bay Leaf | #86793D | 134, 121, 61 | 49°, 37%, 38% | 0, 10, 54, 47 | |
| Crashing Waves | #3E6F87 | 62, 111, 135 | 200°, 37%, 39% | 54, 18, 0, 47 | |
| Blue Gem | #4B3C8E | 75, 60, 142 | 251°, 41%, 40% | 47, 58, 0, 44 | |
| Codium Fragile | #524B2A | 82, 75, 42 | 50°, 32%, 24% | 0, 9, 49, 68 | |
| Pass Time Blue | #5D98B3 | 93, 152, 179 | 199°, 36%, 53% | 48, 15, 0, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4B3C8E on #5D98B3 | 2.83:1 | — |
| Aa #524B2A on #5D98B3 | 2.75:1 | — |
| Aa #86793D on #4B3C8E | 2.06:1 | — |
| Aa #86793D on #524B2A | 2.01:1 | — |
| Aa #3E6F87 on #5D98B3 | 1.73:1 | — |
| Aa #3E6F87 on #4B3C8E | 1.64:1 | — |
CSS variables
:root {
--color-1: #86793d; /* Bay Leaf */
--color-2: #3e6f87; /* Crashing Waves */
--color-3: #4b3c8e; /* Blue Gem */
--color-4: #524b2a; /* Codium Fragile */
--color-5: #5d98b3; /* Pass Time Blue */
}Other schemes from Bay Leaf
- Bay Leaf Complementary Color Scheme#86793D#BBA86A#3C4D85#272D4E#6A7DBC
- Bay Leaf Analogous Color Scheme#853C47#84563C#86793D#728639#468C3E
- Bay Leaf Triadic Color Scheme#86793D#368976#723F89#BBAB6D#234E4D
- Bay Leaf Tetradic Color Scheme#86793D#398A59#3C4D85#853C69#BBAB6D
- Bay Leaf Monochromatic Color Scheme#1F180A#524B2A#86793D#B3A156#CFC291
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
- 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
- Crocodile Style Split-complementary Color Scheme#767437#375978#553A76#444411#4B81AF
Questions
What colors go with Bay Leaf?
In a split-complementary scheme: Crashing Waves (#3E6F87), Blue Gem (#4B3C8E), Codium Fragile (#524B2A), Pass Time Blue (#5D98B3).
What is the hex code of Bay Leaf?
#86793D.