Bay Leaf Triadic Color Scheme
Five colors arranged by the triadic rule around Bay Leaf (#86793D), each snapped to its nearest named color.
#86793D
#368976
#723F89
#BBAB6D
#234E4D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bay Leaf | #86793D | 134, 121, 61 | 49°, 37%, 38% | 0, 10, 54, 47 | |
| Ionian | #368976 | 54, 137, 118 | 166°, 43%, 37% | 61, 0, 14, 46 | |
| Amaranth Purple | #723F89 | 114, 63, 137 | 281°, 37%, 39% | 17, 54, 0, 46 | |
| Swampwater | #BBAB6D | 187, 171, 109 | 48°, 36%, 58% | 0, 9, 42, 27 | |
| Hornblende Green | #234E4D | 35, 78, 77 | 179°, 38%, 22% | 55, 0, 1, 69 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BBAB6D on #234E4D | 4.04:1 | AA large |
| Aa #723F89 on #BBAB6D | 3.29:1 | AA large |
| Aa #368976 on #234E4D | 2.20:1 | — |
| Aa #86793D on #234E4D | 2.12:1 | — |
| Aa #86793D on #BBAB6D | 1.90:1 | — |
| Aa #368976 on #BBAB6D | 1.83:1 | — |
CSS variables
:root {
--color-1: #86793d; /* Bay Leaf */
--color-2: #368976; /* Ionian */
--color-3: #723f89; /* Amaranth Purple */
--color-4: #bbab6d; /* Swampwater */
--color-5: #234e4d; /* Hornblende Green */
}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 Split-complementary Color Scheme#86793D#3E6F87#4B3C8E#524B2A#5D98B3
- Bay Leaf Tetradic Color Scheme#86793D#398A59#3C4D85#853C69#BBAB6D
- Bay Leaf Monochromatic Color Scheme#1F180A#524B2A#86793D#B3A156#CFC291
More Dark Yellow triadic palettes
- Alligator Triadic Color Scheme#886600#008664#660088#F2B400#003833
- Augustus Asparagus Triadic Color Scheme#90AA0B#0090AD#AA1188#D5F534#005160
- Ayahuasca Vine Triadic Color Scheme#665500#006655#550066#CCAA00#0E191C
- Bancha Triadic Color Scheme#666A47#456F6E#73486B#A1A46D#273E3E
- Beat Around the Bush Triadic Color Scheme#6E6A44#456F6E#724770#AEA26E#273E3E
- BioShock Triadic Color Scheme#889900#008997#990088#E3FF00#00494E
- Capers Triadic Color Scheme#897A3E#38887F#723F89#BDAA6F#234E4D
- Captain Kirk Triadic Color Scheme#9B870C#129C8B#880099#F0D31E#015348
- Chorus of Frogs Triadic Color Scheme#8C9632#388D95#943589#C5D061#19565E
- Citrus Triadic Color Scheme#9FB70A#009CB7#BB0099#D5F534#00606F
- Countryside Triadic Color Scheme#A4A404#00A4A6#AA00AA#FFF917#045C5A
- Crocodile Style Triadic Color Scheme#767437#317873#6E3974#B5B35C#184343
Questions
What colors go with Bay Leaf?
In a triadic scheme: Ionian (#368976), Amaranth Purple (#723F89), Swampwater (#BBAB6D), Hornblende Green (#234E4D).
What is the hex code of Bay Leaf?
#86793D.