Adlandırılmış renk · #EBBED3
Cherry Cordial
Cherry Cordial, #EBBED3: rgb(235 190 211), hsl(332 53% 83%), oklch(0.847 0.058 348.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Cherry Cordial color name →
#EBBED3
oklch(0.847 0.058 348.7)
Renk dönüşümleri
- HEX
- #ebbed3
- RGB
- rgb(235 190 211)
- HSL
- hsl(332 53% 83%)
- HWB
- hwb(332 75% 8%)
- OKLCH
- oklch(0.847 0.058 348.7)
- OKLab
- oklab(0.847 0.057 -0.011)
- CIE Lab
- lab(81.48 19.07 -4.14)
- LCH
- lch(81.48 19.52 347.8)
- CMYK
- cmyk(0% 19% 10% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDC4D7
- EFCBDC
- F2D1E0
- F4D8E4
- F6DEE9
- F8E5ED
- FAEBF2
- FBF2F6
- FDF8FB
Koyu tonlar
- CCA5B7
- AE8C9C
- 917582
- 755E69
- 5B4851
- 41333A
- 291F24
- 130D10
- 030202
Gri tonlar
- E0B8CA
- D5B1C2
- CAABB9
- BFA5B1
- B59FA9
- AA98A0
- 9F9298
- 958C90
- 8A8688
Renk uyumları
Tamamlayıcı +180°
- EBBED3
Cherry Cordial
- A8DAC6
≈ Prism
Analog -30° +30°
- EBBED3
Cherry Cordial
- DEC1E6
≈ Glittering Gemstone
- F1BEBE
≈ Pinkathon
Üçlü +120° +240°
- EBBED3
Cherry Cordial
- CFD0A5
≈ Heart of Palm
- A6D5EB
≈ Light Deluxe Days
Bölünmüş tamamlayıcı +150° +210°
- EBBED3
Cherry Cordial
- BAD7B2
≈ Bleached Spruce
- A0D9DB
≈ Lake Reflection
Dörtlü +90° +180° +270°
- EBBED3
Cherry Cordial
- E2C9A3
≈ Biltmore Buff
- A8DAC6
≈ Prism
- B6CEF3
≈ Frost Fairy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.83:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.83:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherry-cordial: #ebbed3;
--cherry-cordial-rgb: 235 190 211;
--cherry-cordial-oklch: oklch(0.847 0.058 348.7);
}
.element {
color: var(--cherry-cordial);
background-color: hsl(332 53% 83%);
border-color: oklch(0.847 0.058 348.7);
}Tailwind CSS v4
@theme {
--color-cherry-cordial: #ebbed3;
--color-cherry-cordial-50: #ffeff7;
--color-cherry-cordial-100: #f8e0ea;
--color-cherry-cordial-200: #e9cbd7;
--color-cherry-cordial-300: #d0acbb;
--color-cherry-cordial-400: #b991a4;
--color-cherry-cordial-500: #a4778c;
--color-cherry-cordial-600: #8b6577;
--color-cherry-cordial-700: #6f505f;
--color-cherry-cordial-800: #523a46;
--color-cherry-cordial-900: #392831;
--color-cherry-cordial-950: #23161d;
}SCSS
$cherry-cordial: #ebbed3;
$cherry-cordial-rgb: 235, 190, 211;
$cherry-cordial-light: mix(#fff, $cherry-cordial, 20%);
$cherry-cordial-dark: mix(#000, $cherry-cordial, 20%);
.element {
color: $cherry-cordial;
box-shadow: 0 0 0 2px rgba($cherry-cordial, 0.35);
}