Benannte Farbe · #2E2848
Blackberry Black
Blackberry Black ist #2E2848: rgb(46 40 72), hsl(251 29% 22%), oklch(0.299 0.057 291.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Blackberry Black color name →
#2E2848
oklch(0.299 0.057 291.2)
Farbumrechnungen
- HEX
- #2e2848
- RGB
- rgb(46 40 72)
- HSL
- hsl(251 29% 22%)
- HWB
- hwb(251 16% 72%)
- OKLCH
- oklch(0.299 0.057 291.2)
- OKLab
- oklab(0.299 0.021 -0.053)
- CIE Lab
- lab(18.02 9.5 -19.23)
- LCH
- lch(18.02 21.45 296.3)
- CMYK
- cmyk(36% 44% 0% 72%)
Tints · Shades · Tones
Tints
- 403B59
- 524E6A
- 66627C
- 7A778D
- 8F8CA0
- A4A2B2
- BAB9C5
- D1D0D8
- E8E7EB
Shades
- 27213D
- 1F1B33
- 181529
- 120F1F
- 0B0916
- 06040D
- 020206
- 010102
- 000000
Tones
- 35304E
- 3D3953
- 454159
- 4D4A5F
- 555364
- 5D5B6A
- 66646F
- 6E6E75
- 77777A
Farbharmonien
Komplementär +180°
- 2E2848
Blackberry Black
- 2F3009
≈ Olivenite
Analog -30° +30°
- 2E2848
Blackberry Black
- 1D2D4A
≈ Manganese Black
- 3B243F
≈ Kokimurasaki Purple
Triadisch +120° +240°
- 2E2848
Blackberry Black
- 442411
≈ Duqqa Brown
- 02372A
≈ Coach Green
Geteilt komplementär +150° +210°
- 2E2848
Blackberry Black
- 3C2A05
≈ Secret Passage
- 1C3519
≈ Darkest Forest
Tetradisch +90° +180° +270°
- 2E2848
Blackberry Black
- 462121
≈ Marmite
- 2F3009
≈ Olivenite
- 003538
≈ Shrub Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.87:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.51:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.87:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--blackberry-black: #2e2848;
--blackberry-black-rgb: 46 40 72;
--blackberry-black-oklch: oklch(0.299 0.057 291.2);
}
.element {
color: var(--blackberry-black);
background-color: hsl(251 29% 22%);
border-color: oklch(0.299 0.057 291.2);
}Tailwind CSS v4
@theme {
--color-blackberry-black: #2e2848;
--color-blackberry-black-50: #f5f2ff;
--color-blackberry-black-100: #e8e5fa;
--color-blackberry-black-200: #d5d0eb;
--color-blackberry-black-300: #b8b2d3;
--color-blackberry-black-400: #9e99be;
--color-blackberry-black-500: #8680aa;
--color-blackberry-black-600: #716c8f;
--color-blackberry-black-700: #5b5773;
--color-blackberry-black-800: #413f55;
--color-blackberry-black-900: #2d2c3b;
--color-blackberry-black-950: #1a1925;
}SCSS
$blackberry-black: #2e2848;
$blackberry-black-rgb: 46, 40, 72;
$blackberry-black-light: mix(#fff, $blackberry-black, 20%);
$blackberry-black-dark: mix(#000, $blackberry-black, 20%);
.element {
color: $blackberry-black;
box-shadow: 0 0 0 2px rgba($blackberry-black, 0.35);
}