Couleur nommée la plus proche · #726100
#726100
Couleur nommée la plus proche: Ayahuasca Vine
#726100 (rgb(114 97 0), hsl(51 100% 22%), oklch(0.494 0.102 97.1)) est la plus proche de la couleur nommée Ayahuasca Vine. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#726100
oklch(0.494 0.102 97.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 7F7029
- 8C7F43
- 9A8E5B
- A89E72
- B6AE89
- C4BEA0
- D2CEB7
- E1DECF
- F0EEE7
Ombres
- 625300
- 534600
- 443900
- 362D00
- 282100
- 1B1500
- 0E0B00
- 040300
- 010000
Tons
- 73641C
- 75682B
- 766B38
- 776E44
- 79714F
- 7A7459
- 7C7763
- 7D7A6D
- 7F7D76
Harmonies de couleurs
Complémentaire +180°
- 726100
Ayahuasca Vine
- 545B9B
≈ Purple Frenzy
Analogue -30° +30°
- 726100
Ayahuasca Vine
- 875511
≈ Caffeinated Cinnamon
- 526C26
≈ Bowser Shell
Triadique +120° +240°
- 726100
Ayahuasca Vine
- 006D82
≈ Azure Green Blue
- 864976
≈ Thistle Mauve
Complémentaire divisée +150° +210°
- 726100
Ayahuasca Vine
- 2A6698
≈ Teeny Bikini
- 71518E
≈ Pure Mauve
Tétradique +90° +180° +270°
- 726100
Ayahuasca Vine
- 00716A
≈ Tide Pools
- 545B9B
≈ Purple Frenzy
- 914657
≈ Dull Magenta
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.13:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.42:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
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);
}