Benannte Farbe · #24252B
Black Russian
Black Russian ist #24252B: rgb(36 37 43), hsl(231 9% 15%), oklch(0.266 0.011 278.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Black Russian color name →
#24252B
oklch(0.266 0.011 278.1)
Farbumrechnungen
- HEX
- #24252b
- RGB
- rgb(36 37 43)
- HSL
- hsl(231 9% 15%)
- HWB
- hwb(231 14% 83%)
- OKLCH
- oklch(0.266 0.011 278.1)
- OKLab
- oklab(0.266 0.002 -0.011)
- CIE Lab
- lab(14.76 0.71 -4.15)
- LCH
- lch(14.76 4.21 279.6)
- CMYK
- cmyk(16% 14% 0% 83%)
Tints · Shades · Tones
Tints
- 36373D
- 4A4B50
- 5E5F64
- 737478
- 898A8D
- 9FA0A3
- B7B7B9
- CECED0
- E6E7E7
Shades
- 1E1F24
- 18191D
- 121316
- 0C0D10
- 07080A
- 040405
- 020202
- 000001
- 000000
Tones
- 2C2D33
- 35363B
- 3E3E43
- 47474B
- 505054
- 59595C
- 636365
- 6C6C6E
- 767677
Farbharmonien
Komplementär +180°
- 24252B
Black Russian
- 27261F
≈ Maire
Analog -30° +30°
- 24252B
Black Russian
- 21262B
≈ Black Beauty
- 27242A
≈ Darth Vader
Triadisch +120° +240°
- 24252B
Black Russian
- 2B2422
≈ Gold Black
- 212723
≈ Nero
Geteilt komplementär +150° +210°
- 24252B
Black Russian
- 292520
≈ Gold Black
- 242721
≈ Bitter Liquorice
Tetradisch +90° +180° +270°
- 24252B
Black Russian
- 2B2324
≈ Gold Black
- 27261F
≈ Maire
- 1F2726
≈ Washed Black
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.27:1 · APCA Lc 102
Ag
FailAuf Schwarz
WCAG 1.37:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.27:1 (AAA) · APCA Lc 102
Contrast pairs
Code-Snippets
CSS
:root {
--black-russian: #24252b;
--black-russian-rgb: 36 37 43;
--black-russian-oklch: oklch(0.266 0.011 278.1);
}
.element {
color: var(--black-russian);
background-color: hsl(231 9% 15%);
border-color: oklch(0.266 0.011 278.1);
}Tailwind CSS v4
@theme {
--color-black-russian: #24252b;
--color-black-russian-50: #f4f5f8;
--color-black-russian-100: #e7e7ec;
--color-black-russian-200: #d3d4d9;
--color-black-russian-300: #b6b7bd;
--color-black-russian-400: #9d9ea5;
--color-black-russian-500: #84868e;
--color-black-russian-600: #707178;
--color-black-russian-700: #595a60;
--color-black-russian-800: #414246;
--color-black-russian-900: #2d2e31;
--color-black-russian-950: #1a1a1d;
}SCSS
$black-russian: #24252b;
$black-russian-rgb: 36, 37, 43;
$black-russian-light: mix(#fff, $black-russian, 20%);
$black-russian-dark: mix(#000, $black-russian, 20%);
.element {
color: $black-russian;
box-shadow: 0 0 0 2px rgba($black-russian, 0.35);
}