Nazwany kolor · #8F8E8C
Pedigrey
Pedigrey to #8F8E8C: rgb(143 142 140), hsl(40 1% 55%), oklch(0.647 0.003 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pedigrey color name →
#8F8E8C
oklch(0.647 0.003 84.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9A9997
- A4A4A2
- AFAFAD
- BABAB8
- C6C5C4
- D1D0CF
- DCDCDB
- E8E7E7
- F3F3F3
Odcienie ciemniejsze
- 7C7B79
- 696867
- 575655
- 454443
- 343433
- 242423
- 151514
- 070707
- 010101
Tony
- 8D8D8B
- 8C8B8A
- 8A8A88
- 898887
- 878786
- 868685
- 848484
- 838382
- 818181
Harmonie kolorów
Komplementarna +180°
- 8F8E8C
Pedigrey
- 8D8E90
≈ Aluminium Silver
Analogowa -30° +30°
- 8F8E8C
Pedigrey
- 908E8C
≈ Pedigrey
- 8E8E8C
≈ Pedigrey
Triada +120° +240°
- 8F8E8C
Pedigrey
- 8C8F8F
≈ Stieglitz Silver
- 8F8D8F
≈ Gull
Komplementarna rozszczepiona +150° +210°
- 8F8E8C
Pedigrey
- 8C8E90
≈ Aluminium Silver
- 8E8E90
≈ Aluminium Silver
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.27:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.41:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.41:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
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);
}