En yakın adlandırılmış renk · #F1E0E6
#F1E0E6
En yakın adlandırılmış renk: Antarctic Love
#F1E0E6 (rgb(241 224 230), hsl(339 38% 91%), oklch(0.922 0.02 354)) 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.
#F1E0E6
oklch(0.922 0.02 354)
Renk dönüşümleri
- HEX
- #f1e0e6
- RGB
- rgb(241 224 230)
- HSL
- hsl(339 38% 91%)
- HWB
- hwb(339 88% 5%)
- OKLCH
- oklch(0.922 0.02 354)
- OKLab
- oklab(0.922 0.02 -0.002)
- CIE Lab
- lab(90.69 6.77 -0.73)
- LCH
- lch(90.69 6.81 353.8)
- CMYK
- cmyk(0% 7% 5% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2E3E8
- F4E6EB
- F5E9ED
- F7ECF0
- F8EFF2
- F9F3F5
- FBF6F7
- FCF9FA
- FEFCFC
Koyu tonlar
- D2C3C8
- B3A6AB
- 958A8E
- 797073
- 5D5659
- 433E40
- 2B2728
- 141213
- 030203
Gri tonlar
- E5D6DB
- D9CCD1
- CEC2C6
- C2B8BC
- B7AFB2
- ACA5A7
- A19C9D
- 969293
- 8B898A
Renk uyumları
Tamamlayıcı +180°
- F1E0E6
Antarctic Love
- D8EAE4
≈ Tropical Dream
Analog -30° +30°
- F1E0E6
Antarctic Love
- ECE1ED
≈ Faded Fuchsia
- F3E0DF
≈ Verbena
Üçlü +120° +240°
- F1E0E6
Antarctic Love
- E5E7D8
≈ Twilight Twist
- D9E8F1
≈ Icicle Veil
Bölünmüş tamamlayıcı +150° +210°
- F1E0E6
Antarctic Love
- DEE9DD
≈ Meadow Light
- D7E9EB
≈ Boiling Point
Dörtlü +90° +180° +270°
- F1E0E6
Antarctic Love
- ECE4D7
≈ Marzipan White
- D8EAE4
≈ Tropical Dream
- DEE5F3
≈ Crystal Falls
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.54:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--antarctic-love: #f1e0e6;
--antarctic-love-rgb: 241 224 230;
--antarctic-love-oklch: oklch(0.922 0.02 354);
}
.element {
color: var(--antarctic-love);
background-color: hsl(339 38% 91%);
border-color: oklch(0.922 0.02 354);
}Tailwind CSS v4
@theme {
--color-antarctic-love: #f1e0e6;
--color-antarctic-love-50: #faf3f5;
--color-antarctic-love-100: #eee5e8;
--color-antarctic-love-200: #dcd1d4;
--color-antarctic-love-300: #c1b3b8;
--color-antarctic-love-400: #a99a9f;
--color-antarctic-love-500: #928187;
--color-antarctic-love-600: #7b6d72;
--color-antarctic-love-700: #63575b;
--color-antarctic-love-800: #484043;
--color-antarctic-love-900: #322c2e;
--color-antarctic-love-950: #1e191b;
}SCSS
$antarctic-love: #f1e0e6;
$antarctic-love-rgb: 241, 224, 230;
$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);
}