Nazwany kolor · #AA1155
Plum Perfect
Plum Perfect to #AA1155: rgb(170 17 85), hsl(333 82% 37%), oklch(0.482 0.186 2.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Plum Perfect color name →
#AA1155
oklch(0.482 0.186 2.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B53664
- C05074
- CA6784
- D47D95
- DD92A6
- E5A8B7
- EDBEC9
- F3D3DB
- FAE9ED
Odcienie ciemniejsze
- 930D49
- 7D093D
- 680631
- 530426
- 3F021C
- 2D0111
- 1B0008
- 0B0002
- 010000
Tony
- A82859
- A5375D
- A24362
- 9F4D66
- 9B576A
- 97606E
- 926873
- 8D7077
- 87787C
Harmonie kolorów
Komplementarna +180°
- AA1155
Plum Perfect
- 006E62
≈ Deep Pacific
Analogowa -30° +30°
- AA1155
Plum Perfect
- 96248B
≈ Warm Purple
- AD1F00
≈ Saveloy
Triada +120° +240°
- AA1155
Plum Perfect
- 536800
≈ Serrano Pepper
- 006499
≈ Wavy Navy
Komplementarna rozszczepiona +150° +210°
- AA1155
Plum Perfect
- 007239
≈ Dartmouth Green
- 006A7A
≈ Teal With It
Tetrada +90° +180° +270°
- AA1155
Plum Perfect
- 725C00
≈ Hot Mustard
- 006E62
≈ Deep Pacific
- 3F4CC5
≈ Kikorangi Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.19:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 2.92:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}