Benannte Farbe · #48295B
Acai
Acai ist #48295B: rgb(72 41 91), hsl(277 38% 26%), oklch(0.344 0.091 311.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Acai color name →
#48295B
oklch(0.344 0.091 311.1)
Farbumrechnungen
- HEX
- #48295b
- RGB
- rgb(72 41 91)
- HSL
- hsl(277 38% 26%)
- HWB
- hwb(277 16% 64%)
- OKLCH
- oklch(0.344 0.091 311.1)
- OKLab
- oklab(0.344 0.06 -0.068)
- CIE Lab
- lab(22.53 22.53 -24.58)
- LCH
- lch(22.53 33.34 312.5)
- CMYK
- cmyk(21% 55% 0% 64%)
Tints · Shades · Tones
Tints
- 593D6B
- 69507A
- 7B658A
- 8D799B
- 9F8EAB
- B1A4BB
- C4BACC
- D8D1DD
- EBE8EE
Shades
- 3D224E
- 331C41
- 291535
- 1F0F29
- 16091E
- 0D0513
- 060209
- 020103
- 000000
Tones
- 4D325F
- 533B63
- 594367
- 5E4C6B
- 64546E
- 695D72
- 6F6676
- 756E79
- 7A777D
Farbharmonien
Komplementär +180°
- 48295B
Acai
- 274204
≈ Forest Green
Analog -30° +30°
- 48295B
Acai
- 323166
≈ Deep Koamaru
- 572347
≈ Murasaki
Triadisch +120° +240°
- 48295B
Acai
- 513100
≈ Kyoto House
- 004340
≈ Warm Black
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.04:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.74:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--acai: #48295b;
--acai-rgb: 72 41 91;
--acai-oklch: oklch(0.344 0.091 311.1);
}
.element {
color: var(--acai);
background-color: hsl(277 38% 26%);
border-color: oklch(0.344 0.091 311.1);
}Tailwind CSS v4
@theme {
--color-acai: #48295b;
--color-acai-50: #feeeff;
--color-acai-100: #f3e0fe;
--color-acai-200: #e2caf0;
--color-acai-300: #c8aad9;
--color-acai-400: #b08fc6;
--color-acai-500: #9a74b2;
--color-acai-600: #826397;
--color-acai-700: #684f79;
--color-acai-800: #4c395a;
--color-acai-900: #34273f;
--color-acai-950: #201528;
}SCSS
$acai: #48295b;
$acai-rgb: 72, 41, 91;
$acai-light: mix(#fff, $acai, 20%);
$acai-dark: mix(#000, $acai, 20%);
.element {
color: $acai;
box-shadow: 0 0 0 2px rgba($acai, 0.35);
}