En yakın adlandırılmış renk · #DC7F91
#DC7F91
En yakın adlandırılmış renk: I Love You Pink
#DC7F91 (rgb(220 127 145), hsl(348 57% 68%), oklch(0.702 0.116 8.1)) en çok I Love You Pink adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DC7F91
oklch(0.702 0.116 8.1)
Renk dönüşümleri
- HEX
- #dc7f91
- RGB
- rgb(220 127 145)
- HSL
- hsl(348 57% 68%)
- HWB
- hwb(348 50% 14%)
- OKLCH
- oklch(0.702 0.116 8.1)
- OKLab
- oklab(0.702 0.115 0.016)
- CIE Lab
- lab(64.04 38.26 6.84)
- LCH
- lch(64.04 38.87 10.1)
- CMYK
- cmyk(0% 42% 34% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E18C9B
- E599A6
- E9A6B1
- EDB2BC
- F1BFC7
- F4CCD2
- F7D8DD
- FAE5E8
- FDF2F4
Koyu tonlar
- BF6E7D
- A35D6A
- 884C58
- 6E3C46
- 542D35
- 3C1F25
- 261115
- 110607
- 020101
Gri tonlar
- D3808F
- CA808E
- C1818C
- B8818A
- AF8189
- A68187
- 9D8185
- 938183
- 8A8082
Renk uyumları
Tamamlayıcı +180°
- DC7F91
I Love You Pink
- 21B6AC
≈ Glass Jar Blue
Analog -30° +30°
- DC7F91
I Love You Pink
- CE82B8
≈ Peruvian Lily
- DC8469
≈ Indian Princess
Üçlü +120° +240°
- DC7F91
I Love You Pink
- 8AAD5B
≈ Chelsea Cucumber
- 60A5E4
≈ Windjammer
Bölünmüş tamamlayıcı +150° +210°
- DC7F91
I Love You Pink
- 58B583
≈ Jade Cream
- 2CB0CF
≈ Aquarius
Dörtlü +90° +180° +270°
- DC7F91
I Love You Pink
- B29F41
≈ Queen Palm
- 21B6AC
≈ Glass Jar Blue
- 8E97E6
≈ Portage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--i-love-you-pink: #dc7f91;
--i-love-you-pink-rgb: 220 127 145;
--i-love-you-pink-oklch: oklch(0.702 0.116 8.1);
}
.element {
color: var(--i-love-you-pink);
background-color: hsl(348 57% 68%);
border-color: oklch(0.702 0.116 8.1);
}Tailwind CSS v4
@theme {
--color-i-love-you-pink: #dc7f91;
--color-i-love-you-pink-50: #ffe8ed;
--color-i-love-you-pink-100: #ffd9df;
--color-i-love-you-pink-200: #ffc0c9;
--color-i-love-you-pink-300: #ec9faa;
--color-i-love-you-pink-400: #d98091;
--color-i-love-you-pink-500: #c56277;
--color-i-love-you-pink-600: #a75465;
--color-i-love-you-pink-700: #864351;
--color-i-love-you-pink-800: #63303c;
--color-i-love-you-pink-900: #462029;
--color-i-love-you-pink-950: #2d0f17;
}SCSS
$i-love-you-pink: #dc7f91;
$i-love-you-pink-rgb: 220, 127, 145;
$i-love-you-pink-light: mix(#fff, $i-love-you-pink, 20%);
$i-love-you-pink-dark: mix(#000, $i-love-you-pink, 20%);
.element {
color: $i-love-you-pink;
box-shadow: 0 0 0 2px rgba($i-love-you-pink, 0.35);
}