En yakın adlandırılmış renk · #E6E3DC
#E6E3DC
En yakın adlandırılmış renk: Snowed In
#E6E3DC (rgb(230 227 220), hsl(42 17% 88%), oklch(0.916 0.01 87.5)) en çok Snowed In 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.
#E6E3DC
oklch(0.916 0.01 87.5)
Renk dönüşümleri
- HEX
- #e6e3dc
- RGB
- rgb(230 227 220)
- HSL
- hsl(42 17% 88%)
- HWB
- hwb(42 86% 10%)
- OKLCH
- oklch(0.916 0.01 87.5)
- OKLab
- oklab(0.916 0 0.01)
- CIE Lab
- lab(90.33 0.14 3.81)
- LCH
- lch(90.33 3.81 87.9)
- CMYK
- cmyk(0% 1% 4% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E6DF
- EBE9E3
- EDEBE6
- F0EEEA
- F2F1ED
- F5F4F1
- F7F7F4
- FAF9F8
- FCFCFB
Koyu tonlar
- C8C5BF
- ABA8A3
- 8E8C88
- 73716E
- 595754
- 403F3C
- 282726
- 131211
- 030302
Gri tonlar
- DBD9D2
- D1CEC9
- C6C4BF
- BCBAB6
- B2B0AD
- A7A6A4
- 9D9D9B
- 939392
- 8A8989
Renk uyumları
Tamamlayıcı +180°
- E6E3DC
Snowed In
- E0E3EA
≈ Violet White
Analog -30° +30°
- E6E3DC
Snowed In
- E9E2DD
≈ Canada Goose Eggs
- E3E4DD
≈ Spare White
Üçlü +120° +240°
- E6E3DC
Snowed In
- DCE5E7
≈ Elusive Blue
- E7E1E7
≈ Budapest Pastel
Bölünmüş tamamlayıcı +150° +210°
- E6E3DC
Snowed In
- DDE4E9
≈ Pearl City
- E4E2E9
≈ Translucent White
Dörtlü +90° +180° +270°
- E6E3DC
Snowed In
- DDE6E3
≈ Mild Mint
- E0E3EA
≈ Violet White
- E9E1E3
≈ Misty Morn
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.38:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--snowed-in: #e6e3dc;
--snowed-in-rgb: 230 227 220;
--snowed-in-oklch: oklch(0.916 0.01 87.5);
}
.element {
color: var(--snowed-in);
background-color: hsl(42 17% 88%);
border-color: oklch(0.916 0.01 87.5);
}Tailwind CSS v4
@theme {
--color-snowed-in: #e6e3dc;
--color-snowed-in-50: #f6f5f2;
--color-snowed-in-100: #e9e8e4;
--color-snowed-in-200: #d6d4cf;
--color-snowed-in-300: #b9b7b2;
--color-snowed-in-400: #a19e98;
--color-snowed-in-500: #89867f;
--color-snowed-in-600: #74716b;
--color-snowed-in-700: #5d5b56;
--color-snowed-in-800: #44423f;
--color-snowed-in-900: #2f2e2b;
--color-snowed-in-950: #1b1a18;
}SCSS
$snowed-in: #e6e3dc;
$snowed-in-rgb: 230, 227, 220;
$snowed-in-light: mix(#fff, $snowed-in, 20%);
$snowed-in-dark: mix(#000, $snowed-in, 20%);
.element {
color: $snowed-in;
box-shadow: 0 0 0 2px rgba($snowed-in, 0.35);
}