Adlandırılmış renk · #ECD5D9
Berry Taffy
Berry Taffy, #ECD5D9: rgb(236 213 217), hsl(350 38% 88%), oklch(0.893 0.026 5.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Berry Taffy color name →
#ECD5D9
oklch(0.893 0.026 5.7)
Renk dönüşümleri
- HEX
- #ecd5d9
- RGB
- rgb(236 213 217)
- HSL
- hsl(350 38% 88%)
- HWB
- hwb(350 84% 7%)
- OKLCH
- oklch(0.893 0.026 5.7)
- OKLab
- oklab(0.893 0.026 0.003)
- CIE Lab
- lab(87.28 8.73 1.08)
- LCH
- lch(87.28 8.8 7)
- CMYK
- cmyk(0% 10% 8% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EED9DD
- F0DDE1
- F2E1E4
- F4E6E8
- F6EAEC
- F8EEF0
- F9F2F3
- FBF7F7
- FDFBFB
Koyu tonlar
- CDB9BC
- AF9EA1
- 928386
- 766A6C
- 5B5153
- 423A3B
- 292425
- 131011
- 030202
Gri tonlar
- E1CCD0
- D6C3C7
- CABBBD
- BFB2B4
- B5AAAB
- AAA1A3
- 9F999A
- 959091
- 8A8888
Renk uyumları
Tamamlayıcı +180°
- ECD5D9
Berry Taffy
- CAE2DE
≈ Ice Bomb
Analog -30° +30°
- ECD5D9
Berry Taffy
- E7D6E2
≈ Snuff
- ECD6D0
≈ Peach Glamour
Üçlü +120° +240°
- ECD5D9
Berry Taffy
- D7DFCD
≈ Gin
- CEDEEC
≈ Shattered Sky
Bölünmüş tamamlayıcı +150° +210°
- ECD5D9
Berry Taffy
- CFE1D5
≈ Light Soft Fresco
- C9E0E7
≈ Gauzy Calico
Dörtlü +90° +180° +270°
- ECD5D9
Berry Taffy
- E1DCC9
≈ Vintage Linen
- CAE2DE
≈ Ice Bomb
- D6DBED
≈ Blissful Meditation
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.39:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.08:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 15.08:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--berry-taffy: #ecd5d9;
--berry-taffy-rgb: 236 213 217;
--berry-taffy-oklch: oklch(0.893 0.026 5.7);
}
.element {
color: var(--berry-taffy);
background-color: hsl(350 38% 88%);
border-color: oklch(0.893 0.026 5.7);
}Tailwind CSS v4
@theme {
--color-berry-taffy: #ecd5d9;
--color-berry-taffy-50: #fcf2f4;
--color-berry-taffy-100: #f0e4e6;
--color-berry-taffy-200: #dfd0d2;
--color-berry-taffy-300: #c4b2b5;
--color-berry-taffy-400: #ad989c;
--color-berry-taffy-500: #967f83;
--color-berry-taffy-600: #7f6c6f;
--color-berry-taffy-700: #665659;
--color-berry-taffy-800: #4b3f41;
--color-berry-taffy-900: #342b2d;
--color-berry-taffy-950: #1f191a;
}SCSS
$berry-taffy: #ecd5d9;
$berry-taffy-rgb: 236, 213, 217;
$berry-taffy-light: mix(#fff, $berry-taffy, 20%);
$berry-taffy-dark: mix(#000, $berry-taffy, 20%);
.element {
color: $berry-taffy;
box-shadow: 0 0 0 2px rgba($berry-taffy, 0.35);
}