Colore con nome più vicino · #695107
#695107
Colore con nome più vicino: Ayahuasca Vine
#695107 (rgb(105 81 7), hsl(45 87% 22%), oklch(0.448 0.088 88)) è più vicino al colore con nome Ayahuasca Vine. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#695107
oklch(0.448 0.088 88)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 776129
- 857241
- 948259
- A29370
- B1A587
- C0B69E
- D0C8B6
- DFDACE
- EFECE6
Ombre
- 5A4505
- 4C3A04
- 3E2F02
- 312402
- 241A01
- 181000
- 0C0700
- 040200
- 000000
Toni
- 6B561C
- 6E5B2A
- 705F37
- 726442
- 75694D
- 776E57
- 797261
- 7B776C
- 7E7B76
Armonie di colore
Complementare +180°
- 695107
Ayahuasca Vine
- 3F5286
≈ Blue Jewel
Analogo -30° +30°
- 695107
Ayahuasca Vine
- 79471C
≈ Ancient Planks
- 505B1A
≈ Obscure Olive
Triadico +120° +240°
- 695107
Ayahuasca Vine
- 00606B
≈ Petrol
- 6F426D
≈ Sunset Purple
Complementare divisa +150° +210°
- 695107
Ayahuasca Vine
- 175B80
≈ Whale’s Tale
- 5B497F
≈ Gentian Violet
Tetradico +90° +180° +270°
- 695107
Ayahuasca Vine
- 006355
≈ Philodendron
- 3F5286
≈ Blue Jewel
- 7B3E54
≈ Red Jade
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.55:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.78:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
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);
}