Adlandırılmış renk · #F1E4DC
Winter Wedding
Winter Wedding, #F1E4DC: rgb(241 228 220), hsl(23 43% 90%), oklch(0.927 0.018 54). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Winter Wedding color name →
#F1E4DC
oklch(0.927 0.018 54)
Renk dönüşümleri
- HEX
- #f1e4dc
- RGB
- rgb(241 228 220)
- HSL
- hsl(23 43% 90%)
- HWB
- hwb(23 86% 5%)
- OKLCH
- oklch(0.927 0.018 54)
- OKLab
- oklab(0.927 0.011 0.014)
- CIE Lab
- lab(91.47 3.58 5.58)
- LCH
- lch(91.47 6.63 57.3)
- CMYK
- cmyk(0% 5% 9% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2E7DF
- F4E9E3
- F5ECE6
- F7EFEA
- F8F1ED
- F9F4F1
- FBF7F4
- FCFAF8
- FEFCFB
Koyu tonlar
- D2C6BF
- B3A9A3
- 958D88
- 79726E
- 5D5854
- 433F3C
- 2B2826
- 141211
- 030302
Gri tonlar
- E5DAD2
- D9CFC9
- CEC5BF
- C2BBB6
- B7B1AD
- ACA7A4
- A19D9B
- 969392
- 8B8A89
Renk uyumları
Tamamlayıcı +180°
- F1E4DC
Winter Wedding
- DCE9F1
≈ Azureish White
Analog -30° +30°
- F1E4DC
Winter Wedding
- F3E3E1
≈ Pink Emulsion
- EDE6DA
≈ Jelly Yoghurt
Üçlü +120° +240°
- F1E4DC
Winter Wedding
- DBEBE6
≈ Reduced Turquoise
- E7E5F2
≈ Lavender Syrup
Bölünmüş tamamlayıcı +150° +210°
- F1E4DC
Winter Wedding
- DAEBEC
≈ Tibetan Sky
- E1E7F3
≈ Crystal Falls
Dörtlü +90° +180° +270°
- F1E4DC
Winter Wedding
- E0EAE0
≈ Wishy-Washy Green
- DCE9F1
≈ Azureish White
- EDE3EE
≈ Faded Fuchsia
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.87:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.87:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--winter-wedding: #f1e4dc;
--winter-wedding-rgb: 241 228 220;
--winter-wedding-oklch: oklch(0.927 0.018 54);
}
.element {
color: var(--winter-wedding);
background-color: hsl(23 43% 90%);
border-color: oklch(0.927 0.018 54);
}Tailwind CSS v4
@theme {
--color-winter-wedding: #f1e4dc;
--color-winter-wedding-50: #f9f4f0;
--color-winter-wedding-100: #ede6e2;
--color-winter-wedding-200: #dbd2cd;
--color-winter-wedding-300: #bfb5af;
--color-winter-wedding-400: #a79c95;
--color-winter-wedding-500: #90837b;
--color-winter-wedding-600: #7a6f68;
--color-winter-wedding-700: #625953;
--color-winter-wedding-800: #48413d;
--color-winter-wedding-900: #322d2a;
--color-winter-wedding-950: #1e1a17;
}SCSS
$winter-wedding: #f1e4dc;
$winter-wedding-rgb: 241, 228, 220;
$winter-wedding-light: mix(#fff, $winter-wedding, 20%);
$winter-wedding-dark: mix(#000, $winter-wedding, 20%);
.element {
color: $winter-wedding;
box-shadow: 0 0 0 2px rgba($winter-wedding, 0.35);
}