Adlandırılmış renk · #DF6EA1
China Pink
China Pink, #DF6EA1: rgb(223 110 161), hsl(333 64% 65%), oklch(0.685 0.151 353.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · China Pink color name →
#DF6EA1
oklch(0.685 0.151 353.5)
Renk dönüşümleri
- HEX
- #df6ea1
- RGB
- rgb(223 110 161)
- HSL
- hsl(333 64% 65%)
- HWB
- hwb(333 43% 13%)
- OKLCH
- oklch(0.685 0.151 353.5)
- OKLab
- oklab(0.685 0.15 -0.017)
- CIE Lab
- lab(61.44 49.02 -5.96)
- LCH
- lch(61.44 49.38 353.1)
- CMYK
- cmyk(0% 51% 28% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E47DAA
- E88CB3
- EC9BBC
- F0A9C6
- F4B7CF
- F7C6D9
- F9D4E2
- FCE2EC
- FEF1F5
Koyu tonlar
- C25F8B
- A55076
- 8A4162
- 6F334E
- 56263C
- 3D192A
- 270E19
- 120409
- 020101
Gri tonlar
- D6719E
- CD749A
- C47697
- BB7894
- B27A90
- A87B8D
- 9F7D8A
- 957E87
- 8B7F83
Renk uyumları
Tamamlayıcı +180°
- DF6EA1
China Pink
- 00B393
≈ Aloha
Analog -30° +30°
- DF6EA1
China Pink
- C677CF
≈ Purple Kush
- E86F6C
≈ Porcelain Rose
Üçlü +120° +240°
- DF6EA1
China Pink
- 9AA30B
≈ Fistfull of Green
- 00A7E3
≈ Huelveño Horizon
Bölünmüş tamamlayıcı +150° +210°
- DF6EA1
China Pink
- 59B158
≈ Chlorella Green
- 00AEBA
≈ Placid Sea
Dörtlü +90° +180° +270°
- DF6EA1
China Pink
- C39000
≈ Moutarde de Bénichon
- 00B393
≈ Aloha
- 6896F7
≈ Guilliman Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.05:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.88:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.88:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--china-pink: #df6ea1;
--china-pink-rgb: 223 110 161;
--china-pink-oklch: oklch(0.685 0.151 353.5);
}
.element {
color: var(--china-pink);
background-color: hsl(333 64% 65%);
border-color: oklch(0.685 0.151 353.5);
}Tailwind CSS v4
@theme {
--color-china-pink: #df6ea1;
--color-china-pink-50: #ffe4f7;
--color-china-pink-100: #ffd4ea;
--color-china-pink-200: #ffbad7;
--color-china-pink-300: #f496bb;
--color-china-pink-400: #e176a5;
--color-china-pink-500: #ce548e;
--color-china-pink-600: #ae4878;
--color-china-pink-700: #8c3960;
--color-china-pink-800: #682948;
--color-china-pink-900: #491b32;
--color-china-pink-950: #2f0b1e;
}SCSS
$china-pink: #df6ea1;
$china-pink-rgb: 223, 110, 161;
$china-pink-light: mix(#fff, $china-pink, 20%);
$china-pink-dark: mix(#000, $china-pink, 20%);
.element {
color: $china-pink;
box-shadow: 0 0 0 2px rgba($china-pink, 0.35);
}