Benannte Farbe · #AA1155
Plum Perfect
Plum Perfect ist #AA1155: rgb(170 17 85), hsl(333 82% 37%), oklch(0.482 0.186 2.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Plum Perfect color name →
#AA1155
oklch(0.482 0.186 2.5)
Farbumrechnungen
- HEX
- #aa1155
- RGB
- rgb(170 17 85)
- HSL
- hsl(333 82% 37%)
- HWB
- hwb(333 7% 33%)
- OKLCH
- oklch(0.482 0.186 2.5)
- OKLab
- oklab(0.482 0.186 0.008)
- CIE Lab
- lab(37.66 59.9 4.21)
- LCH
- lch(37.66 60.05 4)
- CMYK
- cmyk(0% 90% 50% 33%)
Tints · Shades · Tones
Tints
- B53664
- C05074
- CA6784
- D47D95
- DD92A6
- E5A8B7
- EDBEC9
- F3D3DB
- FAE9ED
Shades
- 930D49
- 7D093D
- 680631
- 530426
- 3F021C
- 2D0111
- 1B0008
- 0B0002
- 010000
Tones
- A82859
- A5375D
- A24362
- 9F4D66
- 9B576A
- 97606E
- 926873
- 8D7077
- 87787C
Farbharmonien
Komplementär +180°
- AA1155
Plum Perfect
- 006E62
≈ Deep Pacific
Analog -30° +30°
- AA1155
Plum Perfect
- 96248B
≈ Warm Purple
- AD1F00
≈ Saveloy
Triadisch +120° +240°
- AA1155
Plum Perfect
- 536800
≈ Serrano Pepper
- 006499
≈ Wavy Navy
Geteilt komplementär +150° +210°
- AA1155
Plum Perfect
- 007239
≈ Dartmouth Green
- 006A7A
≈ Teal With It
Tetradisch +90° +180° +270°
- AA1155
Plum Perfect
- 725C00
≈ Hot Mustard
- 006E62
≈ Deep Pacific
- 3F4CC5
≈ Kikorangi Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.19:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 2.92:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--plum-perfect: #aa1155;
--plum-perfect-rgb: 170 17 85;
--plum-perfect-oklch: oklch(0.482 0.186 2.5);
}
.element {
color: var(--plum-perfect);
background-color: hsl(333 82% 37%);
border-color: oklch(0.482 0.186 2.5);
}Tailwind CSS v4
@theme {
--color-plum-perfect: #aa1155;
--color-plum-perfect-50: #ffe0ee;
--color-plum-perfect-100: #ffcee0;
--color-plum-perfect-200: #ffb2ca;
--color-plum-perfect-300: #ff8cab;
--color-plum-perfect-400: #f36795;
--color-plum-perfect-500: #e13d7b;
--color-plum-perfect-600: #be3668;
--color-plum-perfect-700: #992b53;
--color-plum-perfect-800: #721e3f;
--color-plum-perfect-900: #50142b;
--color-plum-perfect-950: #350419;
}SCSS
$plum-perfect: #aa1155;
$plum-perfect-rgb: 170, 17, 85;
$plum-perfect-light: mix(#fff, $plum-perfect, 20%);
$plum-perfect-dark: mix(#000, $plum-perfect, 20%);
.element {
color: $plum-perfect;
box-shadow: 0 0 0 2px rgba($plum-perfect, 0.35);
}