Benannte Farbe · #8F8E8C
Pedigrey
Pedigrey ist #8F8E8C: rgb(143 142 140), hsl(40 1% 55%), oklch(0.647 0.003 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pedigrey color name →
#8F8E8C
oklch(0.647 0.003 84.6)
Farbumrechnungen
- HEX
- #8f8e8c
- RGB
- rgb(143 142 140)
- HSL
- hsl(40 1% 55%)
- HWB
- hwb(40 55% 44%)
- OKLCH
- oklch(0.647 0.003 84.6)
- OKLab
- oklab(0.647 0 0.003)
- CIE Lab
- lab(59.06 0.09 1.2)
- LCH
- lch(59.06 1.21 85.5)
- CMYK
- cmyk(0% 1% 2% 44%)
Tints · Shades · Tones
Tints
- 9A9997
- A4A4A2
- AFAFAD
- BABAB8
- C6C5C4
- D1D0CF
- DCDCDB
- E8E7E7
- F3F3F3
Shades
- 7C7B79
- 696867
- 575655
- 454443
- 343433
- 242423
- 151514
- 070707
- 010101
Tones
- 8D8D8B
- 8C8B8A
- 8A8A88
- 898887
- 878786
- 868685
- 848484
- 838382
- 818181
Farbharmonien
Komplementär +180°
- 8F8E8C
Pedigrey
- 8D8E90
≈ Aluminium Silver
Analog -30° +30°
- 8F8E8C
Pedigrey
- 908E8C
≈ Pedigrey
- 8E8E8C
≈ Pedigrey
Triadisch +120° +240°
- 8F8E8C
Pedigrey
- 8C8F8F
≈ Stieglitz Silver
- 8F8D8F
≈ Gull
Geteilt komplementär +150° +210°
- 8F8E8C
Pedigrey
- 8C8E90
≈ Aluminium Silver
- 8E8E90
≈ Aluminium Silver
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.27:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.41:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.41:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--pedigrey: #8f8e8c;
--pedigrey-rgb: 143 142 140;
--pedigrey-oklch: oklch(0.647 0.003 84.6);
}
.element {
color: var(--pedigrey);
background-color: hsl(40 1% 55%);
border-color: oklch(0.647 0.003 84.6);
}Tailwind CSS v4
@theme {
--color-pedigrey: #8f8e8c;
--color-pedigrey-50: #f5f5f4;
--color-pedigrey-100: #e8e8e7;
--color-pedigrey-200: #d5d4d3;
--color-pedigrey-300: #b8b7b5;
--color-pedigrey-400: #9f9e9c;
--color-pedigrey-500: #878684;
--color-pedigrey-600: #727170;
--color-pedigrey-700: #5b5b59;
--color-pedigrey-800: #434241;
--color-pedigrey-900: #2e2e2d;
--color-pedigrey-950: #1b1a1a;
}SCSS
$pedigrey: #8f8e8c;
$pedigrey-rgb: 143, 142, 140;
$pedigrey-light: mix(#fff, $pedigrey, 20%);
$pedigrey-dark: mix(#000, $pedigrey, 20%);
.element {
color: $pedigrey;
box-shadow: 0 0 0 2px rgba($pedigrey, 0.35);
}