Nazwany kolor · #AA3377
Plum Kingdom
Plum Kingdom to #AA3377: rgb(170 51 119), hsl(326 54% 43%), oklch(0.519 0.169 349.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Plum Kingdom color name →
#AA3377
oklch(0.519 0.169 349.4)
Konwersje koloru
- HEX
- #aa3377
- RGB
- rgb(170 51 119)
- HSL
- hsl(326 54% 43%)
- HWB
- hwb(326 20% 33%)
- OKLCH
- oklch(0.519 0.169 349.4)
- OKLab
- oklab(0.519 0.166 -0.031)
- CIE Lab
- lab(41.9 53.35 -11.04)
- LCH
- lch(41.9 54.48 348.3)
- CMYK
- cmyk(0% 70% 30% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B54A84
- BF5F91
- C8749E
- D287AB
- DA9BB9
- E3AFC7
- EAC3D5
- F2D7E3
- F9EBF1
Odcienie ciemniejsze
- 932B67
- 7D2357
- 681C47
- 531438
- 3F0D2A
- 2D071C
- 1B0310
- 0B0105
- 010001
Tony
- A73E78
- A44779
- A1507A
- 9D587B
- 995F7C
- 95667D
- 916D7D
- 8C747E
- 867A7F
Harmonie kolorów
Komplementarna +180°
- AA3377
Plum Kingdom
- 007B5F
≈ Emerald Dream
Analogowa -30° +30°
- AA3377
Plum Kingdom
- 9140A4
≈ Tyrian Shimmer
- B5303F
≈ Bloodsport
Triada +120° +240°
- AA3377
Plum Kingdom
- 6E6D00
≈ Worn Olive
- 007398
≈ Enchanted Blue
Komplementarna rozszczepiona +150° +210°
- AA3377
Plum Kingdom
- 287D00
≈ Napier Green
- 00787C
≈ Hypnotic Sea
Tetrada +90° +180° +270°
- AA3377
Plum Kingdom
- 896000
≈ Rat Brown
- 007B5F
≈ Emerald Dream
- 2464C7
≈ Janitor
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.08:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.44:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.08:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--plum-kingdom: #aa3377;
--plum-kingdom-rgb: 170 51 119;
--plum-kingdom-oklch: oklch(0.519 0.169 349.4);
}
.element {
color: var(--plum-kingdom);
background-color: hsl(326 54% 43%);
border-color: oklch(0.519 0.169 349.4);
}Tailwind CSS v4
@theme {
--color-plum-kingdom: #aa3377;
--color-plum-kingdom-50: #ffe2fb;
--color-plum-kingdom-100: #ffd1ee;
--color-plum-kingdom-200: #ffb6dd;
--color-plum-kingdom-300: #f892c1;
--color-plum-kingdom-400: #e570ad;
--color-plum-kingdom-500: #d24c97;
--color-plum-kingdom-600: #b2417f;
--color-plum-kingdom-700: #8f3466;
--color-plum-kingdom-800: #6a254d;
--color-plum-kingdom-900: #4a1936;
--color-plum-kingdom-950: #310821;
}SCSS
$plum-kingdom: #aa3377;
$plum-kingdom-rgb: 170, 51, 119;
$plum-kingdom-light: mix(#fff, $plum-kingdom, 20%);
$plum-kingdom-dark: mix(#000, $plum-kingdom, 20%);
.element {
color: $plum-kingdom;
box-shadow: 0 0 0 2px rgba($plum-kingdom, 0.35);
}