Benannte Farbe · #331233
Cultist Robe
Cultist Robe ist #331233: rgb(51 18 51), hsl(300 48% 14%), oklch(0.249 0.073 327.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Cultist Robe color name →
#331233
oklch(0.249 0.073 327.5)
Farbumrechnungen
- HEX
- #331233
- RGB
- rgb(51 18 51)
- HSL
- hsl(300 48% 14%)
- HWB
- hwb(300 7% 80%)
- OKLCH
- oklch(0.249 0.073 327.5)
- OKLab
- oklab(0.249 0.062 -0.039)
- CIE Lab
- lab(11.76 21.07 -14.22)
- LCH
- lch(11.76 25.42 326)
- CMYK
- cmyk(0% 65% 0% 80%)
Tints · Shades · Tones
Tints
- 462745
- 593C58
- 6C526B
- 80697F
- 948093
- A998A8
- BEB1BD
- D3CAD3
- E9E4E9
Shades
- 2B0E2B
- 230A23
- 1C071C
- 140414
- 0D020D
- 070107
- 030103
- 010001
- 000000
Tones
- 3B1D3A
- 422742
- 4A3249
- 523D51
- 594759
- 615260
- 695D68
- 716970
- 787478
Farbharmonien
Komplementär +180°
- 331233
Cultist Robe
- 002A0A
≈ Zia Olive
Analog -30° +30°
- 331233
Cultist Robe
- 26183F
≈ Prune Plum
- 3B0E21
≈ Chocolate Kiss
Triadisch +120° +240°
- 331233
Cultist Robe
- 2C1F00
≈ Black Swan
- 00272C
≈ Daintree
Geteilt komplementär +150° +210°
- 331233
Cultist Robe
- 1F2500
≈ Liquorice Root
- 002821
≈ Deep Slate Green
Tetradisch +90° +180° +270°
- 331233
Cultist Robe
- 361800
≈ American Bronze
- 002A0A
≈ Zia Olive
- 002538
≈ Murky Depths
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 16.46:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.27:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 16.46:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--cultist-robe: #331233;
--cultist-robe-rgb: 51 18 51;
--cultist-robe-oklch: oklch(0.249 0.073 327.5);
}
.element {
color: var(--cultist-robe);
background-color: hsl(300 48% 14%);
border-color: oklch(0.249 0.073 327.5);
}Tailwind CSS v4
@theme {
--color-cultist-robe: #331233;
--color-cultist-robe-50: #ffeeff;
--color-cultist-robe-100: #f7e0f4;
--color-cultist-robe-200: #e7cae4;
--color-cultist-robe-300: #cdaaca;
--color-cultist-robe-400: #b68fb5;
--color-cultist-robe-500: #a1759f;
--color-cultist-robe-600: #886387;
--color-cultist-robe-700: #6d4f6c;
--color-cultist-robe-800: #503a50;
--color-cultist-robe-900: #372738;
--color-cultist-robe-950: #221522;
}SCSS
$cultist-robe: #331233;
$cultist-robe-rgb: 51, 18, 51;
$cultist-robe-light: mix(#fff, $cultist-robe, 20%);
$cultist-robe-dark: mix(#000, $cultist-robe, 20%);
.element {
color: $cultist-robe;
box-shadow: 0 0 0 2px rgba($cultist-robe, 0.35);
}