Najbliższy nazwany kolor · #6E794E
#6E794E
Najbliższy nazwany kolor: Dill
#6E794E (rgb(110 121 78), hsl(75 22% 39%), oklch(0.556 0.064 120.2)) jest najbliższy nazwanemu kolorowi Dill. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6E794E
oklch(0.556 0.064 120.2)
Konwersje koloru
- HEX
- #6e794e
- RGB
- rgb(110 121 78)
- HSL
- hsl(75 22% 39%)
- HWB
- hwb(75 31% 53%)
- OKLCH
- oklch(0.556 0.064 120.2)
- OKLab
- oklab(0.556 -0.032 0.055)
- CIE Lab
- lab(49.05 -9.99 22.18)
- LCH
- lch(49.05 24.33 114.3)
- CMYK
- cmyk(9% 0% 36% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7B865F
- 899370
- 97A081
- A5AD92
- B4BAA4
- C2C8B5
- D1D5C7
- E0E3DA
- F0F1EC
Odcienie ciemniejsze
- 5F6843
- 505838
- 41482D
- 333923
- 262B19
- 191D0F
- 0E1007
- 040502
- 010100
Tony
- 707A53
- 717B59
- 737B5E
- 757C63
- 777D68
- 797D6D
- 7A7E72
- 7C7F76
- 7E7F7B
Harmonie kolorów
Komplementarna +180°
- 6E794E
Dill
- 796B93
≈ Purple Silhouette
Analogowa -30° +30°
- 6E794E
Dill
- 827246
≈ Mud House
- 587E5F
≈ Green Mantle
Triada +120° +240°
- 6E794E
Dill
- 507895
≈ Beach View
- 936371
≈ Mauve Taupe
Komplementarna rozszczepiona +150° +210°
- 6E794E
Dill
- 657299
≈ Ocean Night
- 896685
≈ Sunshone Plum
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.65:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.50:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--dill: #6e794e;
--dill-rgb: 110 121 78;
--dill-oklch: oklch(0.556 0.064 120.2);
}
.element {
color: var(--dill);
background-color: hsl(75 22% 39%);
border-color: oklch(0.556 0.064 120.2);
}Tailwind CSS v4
@theme {
--color-dill: #6e794e;
--color-dill-50: #f2f8e5;
--color-dill-100: #e4ecd4;
--color-dill-200: #cfd9bb;
--color-dill-300: #b1bd99;
--color-dill-400: #99a47a;
--color-dill-500: #808d5c;
--color-dill-600: #6d774e;
--color-dill-700: #575f3e;
--color-dill-800: #40462c;
--color-dill-900: #2c301e;
--color-dill-950: #191c0e;
}SCSS
$dill: #6e794e;
$dill-rgb: 110, 121, 78;
$dill-light: mix(#fff, $dill, 20%);
$dill-dark: mix(#000, $dill, 20%);
.element {
color: $dill;
box-shadow: 0 0 0 2px rgba($dill, 0.35);
}