Couleur nommée la plus proche · #695107
#695107
Couleur nommée la plus proche: Ayahuasca Vine
#695107 (rgb(105 81 7), hsl(45 87% 22%), oklch(0.448 0.088 88)) 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.
#695107
oklch(0.448 0.088 88)
Conversions de couleur
- HEX
- #695107
- RGB
- rgb(105 81 7)
- HSL
- hsl(45 87% 22%)
- HWB
- hwb(45 3% 59%)
- OKLCH
- oklch(0.448 0.088 88)
- OKLab
- oklab(0.448 0.003 0.088)
- CIE Lab
- lab(36.09 5.26 41.72)
- LCH
- lch(36.09 42.05 82.8)
- CMYK
- cmyk(0% 23% 93% 59%)
Teintes · Ombres · Tons
Teintes
- 776129
- 857241
- 948259
- A29370
- B1A587
- C0B69E
- D0C8B6
- DFDACE
- EFECE6
Ombres
- 5A4505
- 4C3A04
- 3E2F02
- 312402
- 241A01
- 181000
- 0C0700
- 040200
- 000000
Tons
- 6B561C
- 6E5B2A
- 705F37
- 726442
- 75694D
- 776E57
- 797261
- 7B776C
- 7E7B76
Harmonies de couleurs
Complémentaire +180°
- 695107
Ayahuasca Vine
- 3F5286
≈ Blue Jewel
Analogue -30° +30°
- 695107
Ayahuasca Vine
- 79471C
≈ Ancient Planks
- 505B1A
≈ Obscure Olive
Triadique +120° +240°
- 695107
Ayahuasca Vine
- 00606B
≈ Petrol
- 6F426D
≈ Sunset Purple
Complémentaire divisée +150° +210°
- 695107
Ayahuasca Vine
- 175B80
≈ Whale’s Tale
- 5B497F
≈ Gentian Violet
Tétradique +90° +180° +270°
- 695107
Ayahuasca Vine
- 006355
≈ Philodendron
- 3F5286
≈ Blue Jewel
- 7B3E54
≈ Red Jade
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.55:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.78:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--ayahuasca-vine: #695107;
--ayahuasca-vine-rgb: 105 81 7;
--ayahuasca-vine-oklch: oklch(0.448 0.088 88);
}
.element {
color: var(--ayahuasca-vine);
background-color: hsl(45 87% 22%);
border-color: oklch(0.448 0.088 88);
}Tailwind CSS v4
@theme {
--color-ayahuasca-vine: #695107;
--color-ayahuasca-vine-50: #fff5d9;
--color-ayahuasca-vine-100: #f3e7c7;
--color-ayahuasca-vine-200: #e3d3aa;
--color-ayahuasca-vine-300: #c9b683;
--color-ayahuasca-vine-400: #b49c60;
--color-ayahuasca-vine-500: #9f833a;
--color-ayahuasca-vine-600: #866f32;
--color-ayahuasca-vine-700: #6b5828;
--color-ayahuasca-vine-800: #50401b;
--color-ayahuasca-vine-900: #382c12;
--color-ayahuasca-vine-950: #221904;
}SCSS
$ayahuasca-vine: #695107;
$ayahuasca-vine-rgb: 105, 81, 7;
$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);
}