Dichtstbijzijnde benoemde kleur · #614C00
#614C00
Dichtstbijzijnde benoemde kleur: Ayahuasca Vine
#614C00 (rgb(97 76 0), hsl(47 100% 19%), oklch(0.426 0.087 90.4)) komt het dichtst bij de benoemde kleur Ayahuasca Vine. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#614C00
oklch(0.426 0.087 90.4)
Kleurconversies
- HEX
- #614c00
- RGB
- rgb(97 76 0)
- HSL
- hsl(47 100% 19%)
- HWB
- hwb(47 0% 62%)
- OKLCH
- oklch(0.426 0.087 90.4)
- OKLab
- oklab(0.426 -0.001 0.087)
- CIE Lab
- lab(33.65 4.03 41.78)
- LCH
- lch(33.65 41.97 84.5)
- CMYK
- cmyk(0% 22% 100% 62%)
Tinten · Schaduwen · Tonen
Tinten
- 705D24
- 7E6D3D
- 8E7F55
- 9D906C
- ADA284
- BDB49C
- CDC6B4
- DDD9CD
- EEECE6
Schaduwen
- 534100
- 463600
- 392C00
- 2D2200
- 211800
- 150F00
- 0B0600
- 030200
- 000000
Tonen
- 645117
- 675726
- 6A5C33
- 6D613F
- 70664A
- 746B55
- 777160
- 7A766B
- 7D7B75
Kleurharmonieën
Complementair +180°
- 614C00
Ayahuasca Vine
- 3D4B7E
≈ Expressionism
Analoog -30° +30°
- 614C00
Ayahuasca Vine
- 714214
≈ Sepia
- 485617
≈ Verdun Green
Triadisch +120° +240°
- 614C00
Ayahuasca Vine
- 005965
≈ Abyssal Waters
- 693C65
≈ Berry Light
Gesplitst complementair +150° +210°
- 614C00
Ayahuasca Vine
- 15547A
≈ Ocean Spray
- 574377
≈ When Red Met Blue
Tetradisch +90° +180° +270°
- 614C00
Ayahuasca Vine
- 005C51
≈ Country Meadow
- 3D4B7E
≈ Expressionism
- 74384C
≈ Venusian
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.26:1 · APCA Lc 88
Ag
FailOp zwart
WCAG 2.54:1 · APCA Lc 14
Beste tekstkleur: #FFFFFF
WCAG 8.26:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--ayahuasca-vine: #614c00;
--ayahuasca-vine-rgb: 97 76 0;
--ayahuasca-vine-oklch: oklch(0.426 0.087 90.4);
}
.element {
color: var(--ayahuasca-vine);
background-color: hsl(47 100% 19%);
border-color: oklch(0.426 0.087 90.4);
}Tailwind CSS v4
@theme {
--color-ayahuasca-vine: #614c00;
--color-ayahuasca-vine-50: #fef5da;
--color-ayahuasca-vine-100: #f2e8c8;
--color-ayahuasca-vine-200: #e1d4aa;
--color-ayahuasca-vine-300: #c7b784;
--color-ayahuasca-vine-400: #b29d61;
--color-ayahuasca-vine-500: #9c843c;
--color-ayahuasca-vine-600: #846f34;
--color-ayahuasca-vine-700: #6a5929;
--color-ayahuasca-vine-800: #4f411c;
--color-ayahuasca-vine-900: #372d12;
--color-ayahuasca-vine-950: #221905;
}SCSS
$ayahuasca-vine: #614c00;
$ayahuasca-vine-rgb: 97, 76, 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);
}