Nearest named color · #726100
#726100
Nearest named color: Ayahuasca Vine
#726100 (rgb(114 97 0), hsl(51 100% 22%), oklch(0.494 0.102 97.1)) is closest to the named color Ayahuasca Vine. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#726100
oklch(0.494 0.102 97.1)
Color conversions
- HEX
- #726100
- RGB
- rgb(114 97 0)
- HSL
- hsl(51 100% 22%)
- HWB
- hwb(51 0% 55%)
- OKLCH
- oklch(0.494 0.102 97.1)
- OKLab
- oklab(0.494 -0.013 0.101)
- CIE Lab
- lab(41.71 0.47 48.17)
- LCH
- lch(41.71 48.17 89.4)
- CMYK
- cmyk(0% 15% 100% 55%)
Tints · Shades · Tones
Tints
- 7F7029
- 8C7F43
- 9A8E5B
- A89E72
- B6AE89
- C4BEA0
- D2CEB7
- E1DECF
- F0EEE7
Shades
- 625300
- 534600
- 443900
- 362D00
- 282100
- 1B1500
- 0E0B00
- 040300
- 010000
Tones
- 73641C
- 75682B
- 766B38
- 776E44
- 79714F
- 7A7459
- 7C7763
- 7D7A6D
- 7F7D76
Color harmonies
Complementary +180°
- 726100
Ayahuasca Vine
- 545B9B
≈ Purple Frenzy
Analogous -30° +30°
- 726100
Ayahuasca Vine
- 875511
≈ Caffeinated Cinnamon
- 526C26
≈ Bowser Shell
Triadic +120° +240°
- 726100
Ayahuasca Vine
- 006D82
≈ Azure Green Blue
- 864976
≈ Thistle Mauve
Split-complementary +150° +210°
- 726100
Ayahuasca Vine
- 2A6698
≈ Teeny Bikini
- 71518E
≈ Pure Mauve
Tetradic +90° +180° +270°
- 726100
Ayahuasca Vine
- 00716A
≈ Tide Pools
- 545B9B
≈ Purple Frenzy
- 914657
≈ Dull Magenta
Contrast & accessibility
Ag
AAOn white
WCAG 6.13:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.42:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--ayahuasca-vine: #726100;
--ayahuasca-vine-rgb: 114 97 0;
--ayahuasca-vine-oklch: oklch(0.494 0.102 97.1);
}
.element {
color: var(--ayahuasca-vine);
background-color: hsl(51 100% 22%);
border-color: oklch(0.494 0.102 97.1);
}Tailwind CSS v4
@theme {
--color-ayahuasca-vine: #726100;
--color-ayahuasca-vine-50: #fcf6d5;
--color-ayahuasca-vine-100: #f0e9c3;
--color-ayahuasca-vine-200: #dfd6a4;
--color-ayahuasca-vine-300: #c4b97b;
--color-ayahuasca-vine-400: #af9f55;
--color-ayahuasca-vine-500: #998629;
--color-ayahuasca-vine-600: #817125;
--color-ayahuasca-vine-700: #685b1d;
--color-ayahuasca-vine-800: #4d4212;
--color-ayahuasca-vine-900: #362d0c;
--color-ayahuasca-vine-950: #211a01;
}SCSS
$ayahuasca-vine: #726100;
$ayahuasca-vine-rgb: 114, 97, 0;
$ayahuasca-vine-light: mix(#fff, $ayahuasca-vine, 20%);
$ayahuasca-vine-dark: mix(#000, $ayahuasca-vine, 20%);
.element {
color: $ayahuasca-vine;
box-shadow: 0 0 0 2px rgba($ayahuasca-vine, 0.35);
}