Najbliższy nazwany kolor · #6B5F10
#6B5F10
Najbliższy nazwany kolor: Ayahuasca Vine
#6B5F10 (rgb(107 95 16), hsl(52 74% 24%), oklch(0.483 0.094 100)) jest najbliższy nazwanemu kolorowi Ayahuasca Vine. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6B5F10
oklch(0.483 0.094 100)
Konwersje koloru
- HEX
- #6b5f10
- RGB
- rgb(107 95 16)
- HSL
- hsl(52 74% 24%)
- HWB
- hwb(52 6% 58%)
- OKLCH
- oklch(0.483 0.094 100)
- OKLab
- oklab(0.483 -0.016 0.093)
- CIE Lab
- lab(40.42 -1.49 42.6)
- LCH
- lch(40.42 42.63 92)
- CMYK
- cmyk(0% 11% 85% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 796E2F
- 867D47
- 958D5E
- A39D74
- B2AC8B
- C1BDA1
- D0CDB8
- DFDDCF
- EFEEE7
Odcienie ciemniejsze
- 5C520C
- 4E4409
- 3F3806
- 322C04
- 252002
- 181501
- 0D0A00
- 040300
- 000000
Tony
- 6D6222
- 6F6630
- 71693B
- 736D46
- 757050
- 77735A
- 797764
- 7C7A6D
- 7E7D77
Harmonie kolorów
Komplementarna +180°
- 6B5F10
Ayahuasca Vine
- 545792
≈ Piccadilly Purple
Analogowa -30° +30°
- 6B5F10
Ayahuasca Vine
- 805416
≈ Medium Brown
- 4C692C
≈ Tree Shade
Triada +120° +240°
- 6B5F10
Ayahuasca Vine
- 006980
≈ Pilot Blue
- 81486F
≈ Grape Kiss
Komplementarna rozszczepiona +150° +210°
- 6B5F10
Ayahuasca Vine
- 316191
≈ Running Water
- 6F4E86
≈ Affair
Tetrada +90° +180° +270°
- 6B5F10
Ayahuasca Vine
- 006D69
≈ Ocean Oasis
- 545792
≈ Piccadilly Purple
- 8B4652
≈ Dull Magenta
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.42:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.26:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--ayahuasca-vine: #6b5f10;
--ayahuasca-vine-rgb: 107 95 16;
--ayahuasca-vine-oklch: oklch(0.483 0.094 100);
}
.element {
color: var(--ayahuasca-vine);
background-color: hsl(52 74% 24%);
border-color: oklch(0.483 0.094 100);
}Tailwind CSS v4
@theme {
--color-ayahuasca-vine: #6b5f10;
--color-ayahuasca-vine-50: #faf7d8;
--color-ayahuasca-vine-100: #eeeac6;
--color-ayahuasca-vine-200: #dcd6a8;
--color-ayahuasca-vine-300: #c1ba81;
--color-ayahuasca-vine-400: #aba05c;
--color-ayahuasca-vine-500: #958735;
--color-ayahuasca-vine-600: #7e732f;
--color-ayahuasca-vine-700: #655c25;
--color-ayahuasca-vine-800: #4b4318;
--color-ayahuasca-vine-900: #342e10;
--color-ayahuasca-vine-950: #201b03;
}SCSS
$ayahuasca-vine: #6b5f10;
$ayahuasca-vine-rgb: 107, 95, 16;
$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);
}