Colore con nome · #AA1155
Plum Perfect
Plum Perfect è #AA1155: rgb(170 17 85), hsl(333 82% 37%), oklch(0.482 0.186 2.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Plum Perfect color name →
#AA1155
oklch(0.482 0.186 2.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B53664
- C05074
- CA6784
- D47D95
- DD92A6
- E5A8B7
- EDBEC9
- F3D3DB
- FAE9ED
Ombre
- 930D49
- 7D093D
- 680631
- 530426
- 3F021C
- 2D0111
- 1B0008
- 0B0002
- 010000
Toni
- A82859
- A5375D
- A24362
- 9F4D66
- 9B576A
- 97606E
- 926873
- 8D7077
- 87787C
Armonie di colore
Complementare +180°
- AA1155
Plum Perfect
- 006E62
≈ Deep Pacific
Analogo -30° +30°
- AA1155
Plum Perfect
- 96248B
≈ Warm Purple
- AD1F00
≈ Saveloy
Triadico +120° +240°
- AA1155
Plum Perfect
- 536800
≈ Serrano Pepper
- 006499
≈ Wavy Navy
Complementare divisa +150° +210°
- AA1155
Plum Perfect
- 007239
≈ Dartmouth Green
- 006A7A
≈ Teal With It
Tetradico +90° +180° +270°
- AA1155
Plum Perfect
- 725C00
≈ Hot Mustard
- 006E62
≈ Deep Pacific
- 3F4CC5
≈ Kikorangi Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.19:1 · APCA Lc 83
Ag
FailSu nero
WCAG 2.92:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}