Adlandırılmış renk · #AA1166
Plum Paradise
Plum Paradise, #AA1166: rgb(170 17 102), hsl(327 82% 37%), oklch(0.488 0.192 354.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Plum Paradise color name →
#AA1166
oklch(0.488 0.192 354.6)
Renk dönüşümleri
- HEX
- #aa1166
- RGB
- rgb(170 17 102)
- HSL
- hsl(327 82% 37%)
- HWB
- hwb(327 7% 33%)
- OKLCH
- oklch(0.488 0.192 354.6)
- OKLab
- oklab(0.488 0.191 -0.018)
- CIE Lab
- lab(38.11 60.97 -6.01)
- LCH
- lch(38.11 61.26 354.4)
- CMYK
- cmyk(0% 90% 40% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B53674
- C05083
- CA6791
- D47DA0
- DD93AF
- E5A8BF
- ECBECF
- F3D3DF
- F9E9EF
Koyu tonlar
- 930D58
- 7D094A
- 68063C
- 53042F
- 3F0223
- 2D0117
- 1B000C
- 0B0004
- 010000
Gri tonlar
- A82869
- A5376B
- A2436E
- 9F4D70
- 9B5773
- 976076
- 926878
- 8D717B
- 87787D
Renk uyumları
Tamamlayıcı +180°
- AA1166
Plum Paradise
- 00715C
≈ Falcon Turquoise
Analog -30° +30°
- AA1166
Plum Paradise
- 91289A
≈ Nebula Outpost
- B30D20
≈ Boy Red
Üçlü +120° +240°
- AA1166
Plum Paradise
- 5F6600
≈ Mud Green
- 006891
≈ Sea Blue
Bölünmüş tamamlayıcı +150° +210°
- AA1166
Plum Paradise
- 00751A
≈ Green Glutton
- 006D76
≈ Toadstool Teal
Dörtlü +90° +180° +270°
- AA1166
Plum Paradise
- 7A5A00
≈ Blackfire Earth
- 00715C
≈ Falcon Turquoise
- 2753CA
≈ New Car
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.04:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 2.98:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--plum-paradise: #aa1166;
--plum-paradise-rgb: 170 17 102;
--plum-paradise-oklch: oklch(0.488 0.192 354.6);
}
.element {
color: var(--plum-paradise);
background-color: hsl(327 82% 37%);
border-color: oklch(0.488 0.192 354.6);
}Tailwind CSS v4
@theme {
--color-plum-paradise: #aa1166;
--color-plum-paradise-50: #ffdff6;
--color-plum-paradise-100: #ffcee9;
--color-plum-paradise-200: #ffb1d6;
--color-plum-paradise-300: #ff8bb9;
--color-plum-paradise-400: #f166a5;
--color-plum-paradise-500: #df3b8d;
--color-plum-paradise-600: #bc3478;
--color-plum-paradise-700: #972a60;
--color-plum-paradise-800: #701d48;
--color-plum-paradise-900: #4f1332;
--color-plum-paradise-950: #34041e;
}SCSS
$plum-paradise: #aa1166;
$plum-paradise-rgb: 170, 17, 102;
$plum-paradise-light: mix(#fff, $plum-paradise, 20%);
$plum-paradise-dark: mix(#000, $plum-paradise, 20%);
.element {
color: $plum-paradise;
box-shadow: 0 0 0 2px rgba($plum-paradise, 0.35);
}