Adlandırılmış renk · #E0E4E2
Grey Glimpse
Grey Glimpse, #E0E4E2: rgb(224 228 226), hsl(150 7% 89%), oklch(0.915 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? → · Grey Glimpse color name →
#E0E4E2
oklch(0.915 0.005 165)
Renk dönüşümleri
- HEX
- #e0e4e2
- RGB
- rgb(224 228 226)
- HSL
- hsl(150 7% 89%)
- HWB
- hwb(150 88% 11%)
- OKLCH
- oklch(0.915 0.005 165)
- OKLab
- oklab(0.915 -0.005 0.001)
- CIE Lab
- lab(90.24 -1.66 0.48)
- LCH
- lch(90.24 1.73 163.8)
- CMYK
- cmyk(2% 0% 1% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3E7E5
- E6E9E8
- E9ECEB
- ECEFEE
- EFF1F0
- F3F4F3
- F6F7F6
- F9FAF9
- FCFCFC
Koyu tonlar
- C3C6C4
- A6A9A8
- 8A8D8C
- 707271
- 565857
- 3E3F3E
- 272827
- 121212
- 020303
Gri tonlar
- D6DAD8
- CCCFCE
- C2C5C4
- B8BBBA
- AFB1B0
- A5A7A6
- 9C9D9C
- 929393
- 898A89
Renk uyumları
Tamamlayıcı +180°
- E0E4E2
Grey Glimpse
- E6E2E4
≈ Cooling Trend
Analog -30° +30°
- E0E4E2
Grey Glimpse
- E1E4E0
≈ Beryl Pearl
- DFE4E4
≈ Moon Garden
Üçlü +120° +240°
- E0E4E2
Grey Glimpse
- E2E2E6
≈ Soothing White
- E6E2E0
≈ Diamonds in the Sky
Bölünmüş tamamlayıcı +150° +210°
- E0E4E2
Grey Glimpse
- E4E2E5
≈ Orchid Blossom
- E6E2E2
≈ Mystical Mist
Dörtlü +90° +180° +270°
- E0E4E2
Grey Glimpse
- E1E3E6
≈ Cold Wind
- E6E2E4
≈ Cooling Trend
- E5E2DF
≈ Dusky Dawn
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.36:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--grey-glimpse: #e0e4e2;
--grey-glimpse-rgb: 224 228 226;
--grey-glimpse-oklch: oklch(0.915 0.005 165);
}
.element {
color: var(--grey-glimpse);
background-color: hsl(150 7% 89%);
border-color: oklch(0.915 0.005 165);
}Tailwind CSS v4
@theme {
--color-grey-glimpse: #e0e4e2;
--color-grey-glimpse-50: #f4f5f5;
--color-grey-glimpse-100: #e6e8e7;
--color-grey-glimpse-200: #d2d5d4;
--color-grey-glimpse-300: #b5b8b7;
--color-grey-glimpse-400: #9c9f9e;
--color-grey-glimpse-500: #838785;
--color-grey-glimpse-600: #6f7271;
--color-grey-glimpse-700: #595b5a;
--color-grey-glimpse-800: #414342;
--color-grey-glimpse-900: #2d2e2d;
--color-grey-glimpse-950: #1a1b1a;
}SCSS
$grey-glimpse: #e0e4e2;
$grey-glimpse-rgb: 224, 228, 226;
$grey-glimpse-light: mix(#fff, $grey-glimpse, 20%);
$grey-glimpse-dark: mix(#000, $grey-glimpse, 20%);
.element {
color: $grey-glimpse;
box-shadow: 0 0 0 2px rgba($grey-glimpse, 0.35);
}