Najbliższy nazwany kolor · #6D5B12
#6D5B12
Najbliższy nazwany kolor: Ayahuasca Vine
#6D5B12 (rgb(109 91 18), hsl(48 72% 25%), oklch(0.476 0.09 94.2)) jest najbliższy nazwanemu kolorowi Ayahuasca Vine. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6D5B12
oklch(0.476 0.09 94.2)
Konwersje koloru
- HEX
- #6d5b12
- RGB
- rgb(109 91 18)
- HSL
- hsl(48 72% 25%)
- HWB
- hwb(48 7% 57%)
- OKLCH
- oklch(0.476 0.09 94.2)
- OKLab
- oklab(0.476 -0.007 0.09)
- CIE Lab
- lab(39.48 1.77 41.25)
- LCH
- lch(39.48 41.29 87.5)
- CMYK
- cmyk(0% 17% 83% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7B6A2F
- 887A47
- 968A5E
- A59A74
- B3AA8A
- C2BBA1
- D1CCB8
- E0DCCF
- EFEEE7
Odcienie ciemniejsze
- 5E4E0E
- 4F410A
- 413507
- 332904
- 261E02
- 191301
- 0D0901
- 040300
- 010000
Tony
- 6F5F23
- 716330
- 73663B
- 756A46
- 766E50
- 78725A
- 7A7564
- 7C796D
- 7E7C77
Harmonie kolorów
Komplementarna +180°
- 6D5B12
Ayahuasca Vine
- 4D588F
≈ Piccadilly Purple
Analogowa -30° +30°
- 6D5B12
Ayahuasca Vine
- 7F501E
≈ Milk Chocolate
- 526527
≈ Tabbouleh Green
Triada +120° +240°
- 6D5B12
Ayahuasca Vine
- 006879
≈ Teal With It
- 7B4871
≈ Magic Magenta
Komplementarna rozszczepiona +150° +210°
- 6D5B12
Ayahuasca Vine
- 29618B
≈ Copenhagen Blue
- 684F85
≈ Zimidar
Tetrada +90° +180° +270°
- 6D5B12
Ayahuasca Vine
- 006B62
≈ Fashion Blue
- 4D588F
≈ Piccadilly Purple
- 864556
≈ Dark Earth
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.65:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.15:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--ayahuasca-vine: #6d5b12;
--ayahuasca-vine-rgb: 109 91 18;
--ayahuasca-vine-oklch: oklch(0.476 0.09 94.2);
}
.element {
color: var(--ayahuasca-vine);
background-color: hsl(48 72% 25%);
border-color: oklch(0.476 0.09 94.2);
}Tailwind CSS v4
@theme {
--color-ayahuasca-vine: #6d5b12;
--color-ayahuasca-vine-50: #fcf6d9;
--color-ayahuasca-vine-100: #f0e8c7;
--color-ayahuasca-vine-200: #dfd5a9;
--color-ayahuasca-vine-300: #c5b883;
--color-ayahuasca-vine-400: #b09e5f;
--color-ayahuasca-vine-500: #9a8539;
--color-ayahuasca-vine-600: #827131;
--color-ayahuasca-vine-700: #685a27;
--color-ayahuasca-vine-800: #4d411a;
--color-ayahuasca-vine-900: #362d11;
--color-ayahuasca-vine-950: #211a04;
}SCSS
$ayahuasca-vine: #6d5b12;
$ayahuasca-vine-rgb: 109, 91, 18;
$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);
}