Najbliższy nazwany kolor · #6F796D
#6F796D
Najbliższy nazwany kolor: Camo Clay
#6F796D (rgb(111 121 109), hsl(110 5% 45%), oklch(0.564 0.022 140.5)) jest najbliższy nazwanemu kolorowi Camo Clay. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6F796D
oklch(0.564 0.022 140.5)
Konwersje koloru
- HEX
- #6f796d
- RGB
- rgb(111 121 109)
- HSL
- hsl(110 5% 45%)
- HWB
- hwb(110 43% 53%)
- OKLCH
- oklch(0.564 0.022 140.5)
- OKLab
- oklab(0.564 -0.017 0.014)
- CIE Lab
- lab(49.7 -5.71 5.26)
- LCH
- lch(49.7 7.76 137.3)
- CMYK
- cmyk(8% 0% 10% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C867B
- 8A9288
- 989F96
- A6ACA5
- B4BAB3
- C3C7C2
- D2D5D1
- E1E3E0
- F0F1EF
Odcienie ciemniejsze
- 60685E
- 51584F
- 424841
- 343933
- 272B26
- 1A1D19
- 0E100D
- 040504
- 010101
Tony
- 717A6F
- 727A71
- 747B73
- 767C75
- 777D76
- 797D78
- 7B7E7A
- 7D7F7C
- 7E7F7E
Harmonie kolorów
Komplementarna +180°
- 6F796D
Camo Clay
- 7C727E
≈ Plush Velvet
Analogowa -30° +30°
- 6F796D
Camo Clay
- 767769
≈ Armoured Steel
- 6A7A74
≈ Green Dusk
Triada +120° +240°
- 6F796D
Camo Clay
- 6E7683
≈ Lunar Shadow
- 827170
≈ Noble Robe
Komplementarna rozszczepiona +150° +210°
- 6F796D
Camo Clay
- 757482
≈ Purple Funk
- 807177
≈ Enigmatic
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.53:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.63:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--camo-clay: #6f796d;
--camo-clay-rgb: 111 121 109;
--camo-clay-oklch: oklch(0.564 0.022 140.5);
}
.element {
color: var(--camo-clay);
background-color: hsl(110 5% 45%);
border-color: oklch(0.564 0.022 140.5);
}Tailwind CSS v4
@theme {
--color-camo-clay: #6f796d;
--color-camo-clay-50: #f2f7f1;
--color-camo-clay-100: #e4eae3;
--color-camo-clay-200: #cfd7ce;
--color-camo-clay-300: #b1bab0;
--color-camo-clay-400: #98a296;
--color-camo-clay-500: #7f8a7c;
--color-camo-clay-600: #6b7569;
--color-camo-clay-700: #565d54;
--color-camo-clay-800: #3f443d;
--color-camo-clay-900: #2b2f2a;
--color-camo-clay-950: #181c18;
}SCSS
$camo-clay: #6f796d;
$camo-clay-rgb: 111, 121, 109;
$camo-clay-light: mix(#fff, $camo-clay, 20%);
$camo-clay-dark: mix(#000, $camo-clay, 20%);
.element {
color: $camo-clay;
box-shadow: 0 0 0 2px rgba($camo-clay, 0.35);
}