Benannte Farbe · #3C4748
Panda Black
Panda Black ist #3C4748: rgb(60 71 72), hsl(185 9% 26%), oklch(0.388 0.014 203.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Panda Black color name →
#3C4748
oklch(0.388 0.014 203.3)
Farbumrechnungen
- HEX
- #3c4748
- RGB
- rgb(60 71 72)
- HSL
- hsl(185 9% 26%)
- HWB
- hwb(185 24% 72%)
- OKLCH
- oklch(0.388 0.014 203.3)
- OKLab
- oklab(0.388 -0.013 -0.006)
- CIE Lab
- lab(29.2 -4.42 -2.18)
- LCH
- lch(29.2 4.93 206.3)
- CMYK
- cmyk(17% 1% 0% 72%)
Tints · Shades · Tones
Tints
- 4D5758
- 5F6869
- 717A7B
- 848C8C
- 989E9E
- ACB1B1
- C0C4C4
- D5D7D7
- EAEBEB
Shades
- 333D3D
- 2A3233
- 212829
- 191F1F
- 111616
- 0A0D0D
- 040606
- 010202
- 000000
Tones
- 424C4D
- 495253
- 505858
- 565D5E
- 5D6363
- 646969
- 6B6E6F
- 727474
- 797A7A
Farbharmonien
Komplementär +180°
- 3C4748
Panda Black
- 4C4241
≈ Rhodonite Brown
Analog -30° +30°
- 3C4748
Panda Black
- 3D4744
≈ Darkness Green
- 3D464B
≈ Nightshade
Triadisch +120° +240°
- 3C4748
Panda Black
- 494249
≈ Spinel Grey
- 48443C
≈ Earth Black
Geteilt komplementär +150° +210°
- 3C4748
Panda Black
- 4B4245
≈ Apple Herb Black
- 4B433E
≈ Vehicle Body Grey
Tetradisch +90° +180° +270°
- 3C4748
Panda Black
- 45434C
≈ Night Grey
- 4C4241
≈ Rhodonite Brown
- 44463D
≈ Heavy Metal
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.60:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.18:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--panda-black: #3c4748;
--panda-black-rgb: 60 71 72;
--panda-black-oklch: oklch(0.388 0.014 203.3);
}
.element {
color: var(--panda-black);
background-color: hsl(185 9% 26%);
border-color: oklch(0.388 0.014 203.3);
}Tailwind CSS v4
@theme {
--color-panda-black: #3c4748;
--color-panda-black-50: #f1f6f7;
--color-panda-black-100: #e3e9ea;
--color-panda-black-200: #ced6d7;
--color-panda-black-300: #afbabb;
--color-panda-black-400: #95a1a2;
--color-panda-black-500: #7c898a;
--color-panda-black-600: #697475;
--color-panda-black-700: #545d5e;
--color-panda-black-800: #3d4444;
--color-panda-black-900: #2a2f2f;
--color-panda-black-950: #171b1c;
}SCSS
$panda-black: #3c4748;
$panda-black-rgb: 60, 71, 72;
$panda-black-light: mix(#fff, $panda-black, 20%);
$panda-black-dark: mix(#000, $panda-black, 20%);
.element {
color: $panda-black;
box-shadow: 0 0 0 2px rgba($panda-black, 0.35);
}