Nazwany kolor · #4C4949
Private Black
Private Black to #4C4949: rgb(76 73 73), hsl(0 2% 29%), oklch(0.408 0.004 17.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Private Black color name →
#4C4949
oklch(0.408 0.004 17.3)
Konwersje koloru
- HEX
- #4c4949
- RGB
- rgb(76 73 73)
- HSL
- hsl(0 2% 29%)
- HWB
- hwb(0 29% 70%)
- OKLCH
- oklch(0.408 0.004 17.3)
- OKLab
- oklab(0.408 0.004 0.001)
- CIE Lab
- lab(31.32 1.29 0.47)
- LCH
- lch(31.32 1.37 19.9)
- CMYK
- cmyk(0% 4% 4% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5C5959
- 6D6A6A
- 7E7B7B
- 8F8D8D
- A19F9F
- B3B2B2
- C5C4C4
- D8D8D8
- ECEBEB
Odcienie ciemniejsze
- 413E3E
- 363434
- 2C2A2A
- 222020
- 181717
- 0F0E0E
- 060606
- 020202
- 000000
Tony
- 514E4E
- 565454
- 5B5959
- 605E5E
- 656464
- 6B6969
- 706F6F
- 757575
- 7B7A7A
Harmonie kolorów
Komplementarna +180°
- 4C4949
Private Black
- 474B4B
≈ Astronomical
Analogowa -30° +30°
- 4C4949
Private Black
- 4C494A
≈ Private Black
- 4C4948
≈ Private Black
Triada +120° +240°
- 4C4949
Private Black
- 494A48
≈ Armadillo
- 484A4C
≈ Indigo Ink
Komplementarna rozszczepiona +150° +210°
- 4C4949
Private Black
- 484B49
≈ Astronomical
- 484A4C
≈ Indigo Ink
Tetrada +90° +180° +270°
- 4C4949
Private Black
- 4A4A48
≈ Armadillo
- 474B4B
≈ Astronomical
- 4A4A4C
≈ Dark Shadow
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.91:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.35:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.91:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--private-black: #4c4949;
--private-black-rgb: 76 73 73;
--private-black-oklch: oklch(0.408 0.004 17.3);
}
.element {
color: var(--private-black);
background-color: hsl(0 2% 29%);
border-color: oklch(0.408 0.004 17.3);
}Tailwind CSS v4
@theme {
--color-private-black: #4c4949;
--color-private-black-50: #f6f5f4;
--color-private-black-100: #e9e7e7;
--color-private-black-200: #d6d3d3;
--color-private-black-300: #b9b6b6;
--color-private-black-400: #a19d9d;
--color-private-black-500: #898585;
--color-private-black-600: #747171;
--color-private-black-700: #5d5a5a;
--color-private-black-800: #444242;
--color-private-black-900: #2f2d2d;
--color-private-black-950: #1b1a1a;
}SCSS
$private-black: #4c4949;
$private-black-rgb: 76, 73, 73;
$private-black-light: mix(#fff, $private-black, 20%);
$private-black-dark: mix(#000, $private-black, 20%);
.element {
color: $private-black;
box-shadow: 0 0 0 2px rgba($private-black, 0.35);
}