Adlandırılmış renk · #DD1166
Purple Yearning
Purple Yearning, #DD1166: rgb(221 17 102), hsl(335 86% 47%), oklch(0.581 0.227 5.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Purple Yearning color name →
#DD1166
oklch(0.581 0.227 5.9)
Renk dönüşümleri
- HEX
- #dd1166
- RGB
- rgb(221 17 102)
- HSL
- hsl(335 86% 47%)
- HWB
- hwb(335 7% 13%)
- OKLCH
- oklch(0.581 0.227 5.9)
- OKLab
- oklab(0.581 0.226 0.023)
- CIE Lab
- lab(48.63 73.43 10.67)
- LCH
- lch(48.63 74.2 8.3)
- CMYK
- cmyk(0% 92% 54% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E43E74
- EA5983
- F07191
- F586A0
- F99BB0
- FCB0BF
- FEC4CF
- FFD7DF
- FFEBEF
Koyu tonlar
- C00D58
- A4094A
- 88063C
- 6E042F
- 550223
- 3D0117
- 26000C
- 110004
- 020000
Gri tonlar
- D62E69
- CE3E6B
- C64B6E
- BD5570
- B55E73
- AC6676
- A26D78
- 98747B
- 8C7A7D
Renk uyumları
Tamamlayıcı +180°
- DD1166
Purple Yearning
- 008E83
≈ Aqua Experience
Analog -30° +30°
- DD1166
Purple Yearning
- C52CAC
≈ Pink Perennial
- D63B00
≈ Flame of Prometheus
Üçlü +120° +240°
- DD1166
Purple Yearning
- 658900
≈ Sap Green
- 0080CC
≈ Lvivian Rain
Bölünmüş tamamlayıcı +150° +210°
- DD1166
Purple Yearning
- 009255
≈ Emerald Isle
- 0089A1
≈ Teal Blue
Dörtlü +90° +180° +270°
- DD1166
Purple Yearning
- 907900
≈ Bhūrā Brown
- 008E83
≈ Aqua Experience
- 5D60FD
≈ Blue Heath Butterfly
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.83:1 · APCA Lc 71
Ag
FailSiyah üzerinde
WCAG 4.34:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-yearning: #dd1166;
--purple-yearning-rgb: 221 17 102;
--purple-yearning-oklch: oklch(0.581 0.227 5.9);
}
.element {
color: var(--purple-yearning);
background-color: hsl(335 86% 47%);
border-color: oklch(0.581 0.227 5.9);
}Tailwind CSS v4
@theme {
--color-purple-yearning: #dd1166;
--color-purple-yearning-50: #ffdbe9;
--color-purple-yearning-100: #ffc8d9;
--color-purple-yearning-200: #ffa9c2;
--color-purple-yearning-300: #ff7fa1;
--color-purple-yearning-400: #ff538a;
--color-purple-yearning-500: #f4006f;
--color-purple-yearning-600: #ce0e5e;
--color-purple-yearning-700: #a60e4b;
--color-purple-yearning-800: #7b0739;
--color-purple-yearning-900: #570627;
--color-purple-yearning-950: #3a0015;
}SCSS
$purple-yearning: #dd1166;
$purple-yearning-rgb: 221, 17, 102;
$purple-yearning-light: mix(#fff, $purple-yearning, 20%);
$purple-yearning-dark: mix(#000, $purple-yearning, 20%);
.element {
color: $purple-yearning;
box-shadow: 0 0 0 2px rgba($purple-yearning, 0.35);
}