Adlandırılmış renk · #E6E5DC
Silvery Moon
Silvery Moon, #E6E5DC: rgb(230 229 220), hsl(54 17% 88%), oklch(0.92 0.012 101.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Silvery Moon color name →
#E6E5DC
oklch(0.92 0.012 101.5)
Renk dönüşümleri
- HEX
- #e6e5dc
- RGB
- rgb(230 229 220)
- HSL
- hsl(54 17% 88%)
- HWB
- hwb(54 86% 10%)
- OKLCH
- oklch(0.92 0.012 101.5)
- OKLab
- oklab(0.92 -0.002 0.012)
- CIE Lab
- lab(90.83 -0.82 4.53)
- LCH
- lch(90.83 4.6 100.3)
- CMYK
- cmyk(0% 0% 4% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E8DF
- EBEAE3
- EDEDE6
- F0EFEA
- F2F2ED
- F5F5F1
- F7F7F4
- FAFAF8
- FCFCFB
Koyu tonlar
- C8C7BF
- ABAAA3
- 8E8E88
- 73726E
- 595854
- 403F3C
- 282826
- 131211
- 030302
Gri tonlar
- DBDAD2
- D1D0C9
- C6C6BF
- BCBBB6
- B2B1AD
- A7A7A4
- 9D9D9B
- 939392
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- E6E5DC
Silvery Moon
- E3E4ED
≈ Penelope
Analog -30° +30°
- E6E5DC
Silvery Moon
- EAE3DC
≈ Fuzzy Unicorn
- E2E6DE
≈ Numero Uno
Üçlü +120° +240°
- E6E5DC
Silvery Moon
- DCE7EA
≈ Soft Blue White
- EBE2E7
≈ Dream Dust
Bölünmüş tamamlayıcı +150° +210°
- E6E5DC
Silvery Moon
- DFE5ED
≈ Chapeau Violet
- E7E2EB
≈ Soft Iris
Dörtlü +90° +180° +270°
- E6E5DC
Silvery Moon
- DCE7E6
≈ Starburst
- E3E4ED
≈ Penelope
- ECE1E2
≈ Barely Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.60:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--silvery-moon: #e6e5dc;
--silvery-moon-rgb: 230 229 220;
--silvery-moon-oklch: oklch(0.92 0.012 101.5);
}
.element {
color: var(--silvery-moon);
background-color: hsl(54 17% 88%);
border-color: oklch(0.92 0.012 101.5);
}Tailwind CSS v4
@theme {
--color-silvery-moon: #e6e5dc;
--color-silvery-moon-50: #f5f5f1;
--color-silvery-moon-100: #e8e8e3;
--color-silvery-moon-200: #d5d4cf;
--color-silvery-moon-300: #b8b8b1;
--color-silvery-moon-400: #a09f97;
--color-silvery-moon-500: #88877e;
--color-silvery-moon-600: #73726a;
--color-silvery-moon-700: #5c5b55;
--color-silvery-moon-800: #43423e;
--color-silvery-moon-900: #2e2e2a;
--color-silvery-moon-950: #1b1b18;
}SCSS
$silvery-moon: #e6e5dc;
$silvery-moon-rgb: 230, 229, 220;
$silvery-moon-light: mix(#fff, $silvery-moon, 20%);
$silvery-moon-dark: mix(#000, $silvery-moon, 20%);
.element {
color: $silvery-moon;
box-shadow: 0 0 0 2px rgba($silvery-moon, 0.35);
}