Adlandırılmış renk · #E9EBDE
Sterling Shadow
Sterling Shadow, #E9EBDE: rgb(233 235 222), hsl(69 25% 90%), oklch(0.935 0.017 113.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sterling Shadow color name →
#E9EBDE
oklch(0.935 0.017 113.8)
Renk dönüşümleri
- HEX
- #e9ebde
- RGB
- rgb(233 235 222)
- HSL
- hsl(69 25% 90%)
- HWB
- hwb(69 87% 8%)
- OKLCH
- oklch(0.935 0.017 113.8)
- OKLab
- oklab(0.935 -0.007 0.016)
- CIE Lab
- lab(92.63 -2.38 6.08)
- LCH
- lch(92.63 6.53 111.4)
- CMYK
- cmyk(1% 0% 6% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBEDE1
- EDEFE5
- F0F1E8
- F2F3EB
- F4F5EE
- F6F7F2
- F8F9F5
- FBFBF8
- FDFDFC
Koyu tonlar
- CBCCC1
- ADAEA5
- 909189
- 74756F
- 5A5B55
- 41413D
- 292926
- 131312
- 030302
Gri tonlar
- DEE0D4
- D3D5CA
- C8CAC1
- BEBFB7
- B3B4AE
- A9A9A4
- 9E9F9B
- 949492
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- E9EBDE
Sterling Shadow
- EAE8F4
≈ Tranquil Eve
Analog -30° +30°
- E9EBDE
Sterling Shadow
- EFE9DD
≈ Mawmaw’s Pearls
- E3EDE2
≈ Sign of Spring
Üçlü +120° +240°
- E9EBDE
Sterling Shadow
- DFECF4
≈ Ice Fishing
- F4E5EA
≈ Amour Frais
Bölünmüş tamamlayıcı +150° +210°
- E9EBDE
Sterling Shadow
- E4EAF6
≈ Whisper Blue
- F0E6F0
≈ Tranquil Eve
Dörtlü +90° +180° +270°
- E9EBDE
Sterling Shadow
- DDEDEF
≈ Winter’s Breath
- EAE8F4
≈ Tranquil Eve
- F5E5E4
≈ Faint Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.40:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--sterling-shadow: #e9ebde;
--sterling-shadow-rgb: 233 235 222;
--sterling-shadow-oklch: oklch(0.935 0.017 113.8);
}
.element {
color: var(--sterling-shadow);
background-color: hsl(69 25% 90%);
border-color: oklch(0.935 0.017 113.8);
}Tailwind CSS v4
@theme {
--color-sterling-shadow: #e9ebde;
--color-sterling-shadow-50: #f5f6f0;
--color-sterling-shadow-100: #e7e9e2;
--color-sterling-shadow-200: #d4d5cd;
--color-sterling-shadow-300: #b7b9af;
--color-sterling-shadow-400: #9ea094;
--color-sterling-shadow-500: #86887b;
--color-sterling-shadow-600: #717368;
--color-sterling-shadow-700: #5a5c53;
--color-sterling-shadow-800: #42433c;
--color-sterling-shadow-900: #2e2e29;
--color-sterling-shadow-950: #1b1b17;
}SCSS
$sterling-shadow: #e9ebde;
$sterling-shadow-rgb: 233, 235, 222;
$sterling-shadow-light: mix(#fff, $sterling-shadow, 20%);
$sterling-shadow-dark: mix(#000, $sterling-shadow, 20%);
.element {
color: $sterling-shadow;
box-shadow: 0 0 0 2px rgba($sterling-shadow, 0.35);
}