Benannte Farbe · #363838
Pirate Black
Pirate Black ist #363838: rgb(54 56 56), hsl(180 2% 22%), oklch(0.339 0.003 197). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pirate Black color name →
#363838
oklch(0.339 0.003 197)
Farbumrechnungen
- HEX
- #363838
- RGB
- rgb(54 56 56)
- HSL
- hsl(180 2% 22%)
- HWB
- hwb(180 21% 78%)
- OKLCH
- oklch(0.339 0.003 197)
- OKLab
- oklab(0.339 -0.003 -0.001)
- CIE Lab
- lab(23.32 -0.89 -0.32)
- LCH
- lch(23.32 0.94 199.5)
- CMYK
- cmyk(4% 0% 0% 78%)
Tints · Shades · Tones
Tints
- 474949
- 5A5B5B
- 6D6E6E
- 808181
- 949595
- A8A9A9
- BDBEBE
- D3D3D3
- E9E9E9
Shades
- 2E2F2F
- 252727
- 1E1F1F
- 161717
- 0F0F0F
- 080808
- 030404
- 010101
- 000000
Tones
- 3D3F3F
- 444646
- 4B4D4D
- 525454
- 5A5B5B
- 616262
- 696969
- 707171
- 787878
Farbharmonien
Komplementär +180°
- 363838
Pirate Black
- 393737
≈ Lacquered Liquorice
Analog -30° +30°
- 363838
Pirate Black
- 363837
≈ Pirate Black
- 363839
≈ Onyx Heart
Triadisch +120° +240°
- 363838
Pirate Black
- 383738
≈ Sayward Pine
- 383736
≈ Dark Grey
Geteilt komplementär +150° +210°
- 363838
Pirate Black
- 393738
≈ Sayward Pine
- 393736
≈ Lacquered Liquorice
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.80:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.77:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.80:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--pirate-black: #363838;
--pirate-black-rgb: 54 56 56;
--pirate-black-oklch: oklch(0.339 0.003 197);
}
.element {
color: var(--pirate-black);
background-color: hsl(180 2% 22%);
border-color: oklch(0.339 0.003 197);
}Tailwind CSS v4
@theme {
--color-pirate-black: #363838;
--color-pirate-black-50: #f4f5f5;
--color-pirate-black-100: #e7e8e8;
--color-pirate-black-200: #d3d4d4;
--color-pirate-black-300: #b6b8b8;
--color-pirate-black-400: #9d9f9f;
--color-pirate-black-500: #848787;
--color-pirate-black-600: #707272;
--color-pirate-black-700: #595b5b;
--color-pirate-black-800: #414343;
--color-pirate-black-900: #2d2e2e;
--color-pirate-black-950: #1a1b1b;
}SCSS
$pirate-black: #363838;
$pirate-black-rgb: 54, 56, 56;
$pirate-black-light: mix(#fff, $pirate-black, 20%);
$pirate-black-dark: mix(#000, $pirate-black, 20%);
.element {
color: $pirate-black;
box-shadow: 0 0 0 2px rgba($pirate-black, 0.35);
}