En yakın adlandırılmış renk · #ECDBE8
#ECDBE8
En yakın adlandırılmış renk: Antarctic Love
#ECDBE8 (rgb(236 219 232), hsl(314 31% 89%), oklch(0.909 0.025 333.8)) en çok Antarctic 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.
#ECDBE8
oklch(0.909 0.025 333.8)
Renk dönüşümleri
- HEX
- #ecdbe8
- RGB
- rgb(236 219 232)
- HSL
- hsl(314 31% 89%)
- HWB
- hwb(314 86% 7%)
- OKLCH
- oklch(0.909 0.025 333.8)
- OKLab
- oklab(0.909 0.023 -0.011)
- CIE Lab
- lab(89.08 7.71 -4.17)
- LCH
- lch(89.08 8.77 331.6)
- CMYK
- cmyk(0% 7% 2% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEDFEA
- F0E2ED
- F2E6EF
- F4E9F1
- F6EDF3
- F7F1F6
- F9F4F8
- FBF8FA
- FDFBFD
Koyu tonlar
- CDBECA
- AFA2AC
- 928790
- 766D74
- 5B5459
- 423C40
- 292629
- 131113
- 030203
Gri tonlar
- E1D2DD
- D6C8D2
- CABFC8
- BFB6BD
- B5ACB3
- AAA3A8
- 9F9A9E
- 959194
- 8A898A
Renk uyumları
Tamamlayıcı +180°
- ECDBE8
Antarctic Love
- D5E6D9
≈ Light Green Wash
Analog -30° +30°
- ECDBE8
Antarctic Love
- E4DDEF
≈ Lingering Lilac
- F1DADF
≈ Dolce Pink
Üçlü +120° +240°
- ECDBE8
Antarctic Love
- E6E1CE
≈ Au Natural
- CFE6EB
≈ Northwind
Bölünmüş tamamlayıcı +150° +210°
- ECDBE8
Antarctic Love
- DDE4D2
≈ Mystical Sea
- CFE7E3
≈ Icicle Mint
Dörtlü +90° +180° +270°
- ECDBE8
Antarctic Love
- EDDED0
≈ Nearly Peach
- D5E6D9
≈ Light Green Wash
- D3E3F1
≈ Weathered Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.86:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--antarctic-love: #ecdbe8;
--antarctic-love-rgb: 236 219 232;
--antarctic-love-oklch: oklch(0.909 0.025 333.8);
}
.element {
color: var(--antarctic-love);
background-color: hsl(314 31% 89%);
border-color: oklch(0.909 0.025 333.8);
}Tailwind CSS v4
@theme {
--color-antarctic-love: #ecdbe8;
--color-antarctic-love-50: #faf2f8;
--color-antarctic-love-100: #eee5eb;
--color-antarctic-love-200: #dcd0d8;
--color-antarctic-love-300: #c0b3bc;
--color-antarctic-love-400: #a899a5;
--color-antarctic-love-500: #91808d;
--color-antarctic-love-600: #7b6d77;
--color-antarctic-love-700: #625760;
--color-antarctic-love-800: #483f46;
--color-antarctic-love-900: #322c31;
--color-antarctic-love-950: #1e191d;
}SCSS
$antarctic-love: #ecdbe8;
$antarctic-love-rgb: 236, 219, 232;
$antarctic-love-light: mix(#fff, $antarctic-love, 20%);
$antarctic-love-dark: mix(#000, $antarctic-love, 20%);
.element {
color: $antarctic-love;
box-shadow: 0 0 0 2px rgba($antarctic-love, 0.35);
}