Adlandırılmış renk · #E1E5E3
Ski Slope
Ski Slope, #E1E5E3: rgb(225 229 227), hsl(150 7% 89%), oklch(0.918 0.005 165). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Ski Slope color name →
#E1E5E3
oklch(0.918 0.005 165)
Renk dönüşümleri
- HEX
- #e1e5e3
- RGB
- rgb(225 229 227)
- HSL
- hsl(150 7% 89%)
- HWB
- hwb(150 88% 10%)
- OKLCH
- oklch(0.918 0.005 165)
- OKLab
- oklab(0.918 -0.005 0.001)
- CIE Lab
- lab(90.59 -1.66 0.48)
- LCH
- lch(90.59 1.73 163.8)
- CMYK
- cmyk(2% 0% 1% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4E8E6
- E7EAE9
- EAEDEB
- EDEFEE
- F0F2F1
- F3F5F4
- F6F7F7
- F9FAF9
- FCFCFC
Koyu tonlar
- C4C7C5
- A7AAA8
- 8B8E8C
- 707271
- 565857
- 3E3F3F
- 272827
- 121212
- 020303
Gri tonlar
- D7DAD9
- CDD0CE
- C3C6C4
- B9BBBA
- AFB1B0
- A6A7A6
- 9C9D9D
- 939393
- 898A89
Renk uyumları
Tamamlayıcı +180°
- E1E5E3
Ski Slope
- E7E3E5
≈ Tripoli White
Analog -30° +30°
- E1E5E3
Ski Slope
- E2E5E1
≈ Blue Kiss
- E0E5E5
≈ Shaving Cream
Üçlü +120° +240°
- E1E5E3
Ski Slope
- E3E3E7
≈ Wallflower White
- E7E3E1
≈ Clytemnestra
Bölünmüş tamamlayıcı +150° +210°
- E1E5E3
Ski Slope
- E5E3E6
≈ Wallflower White
- E7E3E3
≈ Antique Petal
Dörtlü +90° +180° +270°
- E1E5E3
Ski Slope
- E2E4E7
≈ Lilac Mist
- E7E3E5
≈ Tripoli White
- E6E3E0
≈ Arctic Cotton
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.51:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--ski-slope: #e1e5e3;
--ski-slope-rgb: 225 229 227;
--ski-slope-oklch: oklch(0.918 0.005 165);
}
.element {
color: var(--ski-slope);
background-color: hsl(150 7% 89%);
border-color: oklch(0.918 0.005 165);
}Tailwind CSS v4
@theme {
--color-ski-slope: #e1e5e3;
--color-ski-slope-50: #f4f5f5;
--color-ski-slope-100: #e6e8e7;
--color-ski-slope-200: #d2d5d4;
--color-ski-slope-300: #b5b8b7;
--color-ski-slope-400: #9c9f9e;
--color-ski-slope-500: #838785;
--color-ski-slope-600: #6f7271;
--color-ski-slope-700: #595b5a;
--color-ski-slope-800: #414342;
--color-ski-slope-900: #2d2e2d;
--color-ski-slope-950: #1a1b1a;
}SCSS
$ski-slope: #e1e5e3;
$ski-slope-rgb: 225, 229, 227;
$ski-slope-light: mix(#fff, $ski-slope, 20%);
$ski-slope-dark: mix(#000, $ski-slope, 20%);
.element {
color: $ski-slope;
box-shadow: 0 0 0 2px rgba($ski-slope, 0.35);
}