Benannte Farbe · #2B0F2E
Dark Prom Queen
Dark Prom Queen ist #2B0F2E: rgb(43 15 46), hsl(294 51% 12%), oklch(0.228 0.068 323.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Dark Prom Queen color name →
#2B0F2E
oklch(0.228 0.068 323.7)
Farbumrechnungen
- HEX
- #2b0f2e
- RGB
- rgb(43 15 46)
- HSL
- hsl(294 51% 12%)
- HWB
- hwb(294 6% 82%)
- OKLCH
- oklch(0.228 0.068 323.7)
- OKLab
- oklab(0.228 0.055 -0.04)
- CIE Lab
- lab(9.37 18.94 -14.45)
- LCH
- lch(9.37 23.82 322.7)
- CMYK
- cmyk(7% 67% 0% 82%)
Tints · Shades · Tones
Tints
- 3E2440
- 513953
- 654F67
- 7A667B
- 8F7E90
- A496A5
- BAB0BB
- D1C9D1
- E8E4E8
Shades
- 240B27
- 1D081F
- 160518
- 100312
- 0A020B
- 050106
- 020002
- 010001
- 000000
Tones
- 331A36
- 3C253E
- 442F46
- 4C3A4E
- 554556
- 5D515E
- 665C67
- 6E686F
- 777477
Farbharmonien
Komplementär +180°
- 2B0F2E
Dark Prom Queen
- 032405
≈ Tides of Darkness
Analog -30° +30°
- 2B0F2E
Dark Prom Queen
- 1F1438
≈ Blacklist
- 330B1F
≈ Rhodophobia
Triadisch +120° +240°
- 2B0F2E
Dark Prom Queen
- 271A00
≈ Cannon Black
- 002125
≈ Stellar Explorer
Geteilt komplementär +150° +210°
- 2B0F2E
Dark Prom Queen
- 1C1F00
≈ Liquorice Root
- 00231B
≈ Stellar Explorer
Tetradisch +90° +180° +270°
- 2B0F2E
Dark Prom Queen
- 301300
≈ Shadow Play
- 032405
≈ Tides of Darkness
- 00202F
≈ Cyanophobia
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.34:1 · APCA Lc 104
Ag
FailAuf Schwarz
WCAG 1.21:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.34:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--dark-prom-queen: #2b0f2e;
--dark-prom-queen-rgb: 43 15 46;
--dark-prom-queen-oklch: oklch(0.228 0.068 323.7);
}
.element {
color: var(--dark-prom-queen);
background-color: hsl(294 51% 12%);
border-color: oklch(0.228 0.068 323.7);
}Tailwind CSS v4
@theme {
--color-dark-prom-queen: #2b0f2e;
--color-dark-prom-queen-50: #ffefff;
--color-dark-prom-queen-100: #f4e1f4;
--color-dark-prom-queen-200: #e4cbe4;
--color-dark-prom-queen-300: #caacca;
--color-dark-prom-queen-400: #b391b6;
--color-dark-prom-queen-500: #9d77a0;
--color-dark-prom-queen-600: #846587;
--color-dark-prom-queen-700: #6a516c;
--color-dark-prom-queen-800: #4d3b51;
--color-dark-prom-queen-900: #362838;
--color-dark-prom-queen-950: #211623;
}SCSS
$dark-prom-queen: #2b0f2e;
$dark-prom-queen-rgb: 43, 15, 46;
$dark-prom-queen-light: mix(#fff, $dark-prom-queen, 20%);
$dark-prom-queen-dark: mix(#000, $dark-prom-queen, 20%);
.element {
color: $dark-prom-queen;
box-shadow: 0 0 0 2px rgba($dark-prom-queen, 0.35);
}