En yakın adlandırılmış renk · #ECC6D3
#ECC6D3
En yakın adlandırılmış renk: Smidgen of Love
#ECC6D3 (rgb(236 198 211), hsl(339 50% 85%), oklch(0.863 0.046 355.5)) en çok Smidgen of Love 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.
#ECC6D3
oklch(0.863 0.046 355.5)
Renk dönüşümleri
- HEX
- #ecc6d3
- RGB
- rgb(236 198 211)
- HSL
- hsl(339 50% 85%)
- HWB
- hwb(339 78% 7%)
- OKLCH
- oklch(0.863 0.046 355.5)
- OKLab
- oklab(0.863 0.046 -0.004)
- CIE Lab
- lab(83.49 15.43 -1.21)
- LCH
- lch(83.49 15.47 355.5)
- CMYK
- cmyk(0% 16% 11% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EECCD7
- F0D1DC
- F2D7E0
- F4DDE4
- F6E2E9
- F8E8ED
- FAEEF2
- FCF3F6
- FDF9FB
Koyu tonlar
- CDACB7
- AF929C
- 927A82
- 766269
- 5B4B51
- 42353A
- 292124
- 130E10
- 030202
Gri tonlar
- E1BFCA
- D6B8C2
- CBB1B9
- C0A9B1
- B5A2A9
- AA9BA0
- 9F9598
- 958E90
- 8A8788
Renk uyumları
Tamamlayıcı +180°
- ECC6D3
Smidgen of Love
- B3DCD0
≈ Balmy Seas
Analog -30° +30°
- ECC6D3
Smidgen of Love
- E2C8E3
≈ Syrian Violet
- EFC7C3
≈ Delicate Pink Rose
Üçlü +120° +240°
- ECC6D3
Smidgen of Love
- D0D6B4
≈ Avocado Whip
- B6D7EC
≈ Light Template
Bölünmüş tamamlayıcı +150° +210°
- ECC6D3
Smidgen of Love
- C0DBC0
≈ Thistleberry Green
- AFDBE1
≈ Daly Waters
Dörtlü +90° +180° +270°
- ECC6D3
Smidgen of Love
- E0D0B0
≈ Braided Raffia
- B3DCD0
≈ Balmy Seas
- C3D2F1
≈ Frozen Periwinkle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.54:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.58:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--smidgen-of-love: #ecc6d3;
--smidgen-of-love-rgb: 236 198 211;
--smidgen-of-love-oklch: oklch(0.863 0.046 355.5);
}
.element {
color: var(--smidgen-of-love);
background-color: hsl(339 50% 85%);
border-color: oklch(0.863 0.046 355.5);
}Tailwind CSS v4
@theme {
--color-smidgen-of-love: #ecc6d3;
--color-smidgen-of-love-50: #fff0f5;
--color-smidgen-of-love-100: #f6e2e8;
--color-smidgen-of-love-200: #e6cdd4;
--color-smidgen-of-love-300: #ccaeb7;
--color-smidgen-of-love-400: #b6949f;
--color-smidgen-of-love-500: #a07a87;
--color-smidgen-of-love-600: #876773;
--color-smidgen-of-love-700: #6c525c;
--color-smidgen-of-love-800: #503c44;
--color-smidgen-of-love-900: #37292f;
--color-smidgen-of-love-950: #22171b;
}SCSS
$smidgen-of-love: #ecc6d3;
$smidgen-of-love-rgb: 236, 198, 211;
$smidgen-of-love-light: mix(#fff, $smidgen-of-love, 20%);
$smidgen-of-love-dark: mix(#000, $smidgen-of-love, 20%);
.element {
color: $smidgen-of-love;
box-shadow: 0 0 0 2px rgba($smidgen-of-love, 0.35);
}