Nächste benannte Farbe · #695107
#695107
Nächste benannte Farbe: Ayahuasca Vine
#695107 (rgb(105 81 7), hsl(45 87% 22%), oklch(0.448 0.088 88)) liegt am nächsten an der benannten Farbe Ayahuasca Vine. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#695107
oklch(0.448 0.088 88)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 776129
- 857241
- 948259
- A29370
- B1A587
- C0B69E
- D0C8B6
- DFDACE
- EFECE6
Shades
- 5A4505
- 4C3A04
- 3E2F02
- 312402
- 241A01
- 181000
- 0C0700
- 040200
- 000000
Tones
- 6B561C
- 6E5B2A
- 705F37
- 726442
- 75694D
- 776E57
- 797261
- 7B776C
- 7E7B76
Farbharmonien
Komplementär +180°
- 695107
Ayahuasca Vine
- 3F5286
≈ Blue Jewel
Analog -30° +30°
- 695107
Ayahuasca Vine
- 79471C
≈ Ancient Planks
- 505B1A
≈ Obscure Olive
Triadisch +120° +240°
- 695107
Ayahuasca Vine
- 00606B
≈ Petrol
- 6F426D
≈ Sunset Purple
Geteilt komplementär +150° +210°
- 695107
Ayahuasca Vine
- 175B80
≈ Whale’s Tale
- 5B497F
≈ Gentian Violet
Tetradisch +90° +180° +270°
- 695107
Ayahuasca Vine
- 006355
≈ Philodendron
- 3F5286
≈ Blue Jewel
- 7B3E54
≈ Red Jade
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.55:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.78:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
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);
}