Adlandırılmış renk · #E1DFE1
Chrome
Chrome, #E1DFE1: rgb(225 223 225), hsl(300 3% 88%), oklch(0.906 0.003 325.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Chrome color name →
#E1DFE1
oklch(0.906 0.003 325.6)
Renk dönüşümleri
- HEX
- #e1dfe1
- RGB
- rgb(225 223 225)
- HSL
- hsl(300 3% 88%)
- HWB
- hwb(300 87% 12%)
- OKLCH
- oklch(0.906 0.003 325.6)
- OKLab
- oklab(0.906 0.003 -0.002)
- CIE Lab
- lab(89.02 0.97 -0.73)
- LCH
- lch(89.02 1.21 323)
- CMYK
- cmyk(0% 1% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4E2E4
- E7E5E7
- EAE9EA
- EDECED
- F0EFF0
- F3F2F3
- F6F5F6
- F9F9F9
- FCFCFC
Koyu tonlar
- C4C2C4
- A7A5A7
- 8B8A8B
- 706F70
- 565656
- 3E3D3E
- 272727
- 121212
- 020202
Gri tonlar
- D7D5D7
- CDCBCD
- C3C2C3
- B9B8B9
- AFAEAF
- A6A5A6
- 9C9B9C
- 939293
- 898989
Renk uyumları
Tamamlayıcı +180°
- E1DFE1
Chrome
- DEE0DE
≈ Barely Blue
Analog -30° +30°
- E1DFE1
Chrome
- E0DFE2
≈ Soft Silk
- E2DFE0
≈ Christmas Silver
Üçlü +120° +240°
- E1DFE1
Chrome
- E1E0DD
≈ Ghosted
- DDE0E1
≈ Gentle Grey
Bölünmüş tamamlayıcı +150° +210°
- E1DFE1
Chrome
- E0E0DE
≈ City Brume
- DEE1E0
≈ Rock Candy
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.84:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.84:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--chrome: #e1dfe1;
--chrome-rgb: 225 223 225;
--chrome-oklch: oklch(0.906 0.003 325.6);
}
.element {
color: var(--chrome);
background-color: hsl(300 3% 88%);
border-color: oklch(0.906 0.003 325.6);
}Tailwind CSS v4
@theme {
--color-chrome: #e1dfe1;
--color-chrome-50: #f6f5f5;
--color-chrome-100: #e8e7e8;
--color-chrome-200: #d5d4d5;
--color-chrome-300: #b8b7b8;
--color-chrome-400: #9f9e9f;
--color-chrome-500: #878587;
--color-chrome-600: #727172;
--color-chrome-700: #5c5a5c;
--color-chrome-800: #434243;
--color-chrome-900: #2e2d2e;
--color-chrome-950: #1b1a1b;
}SCSS
$chrome: #e1dfe1;
$chrome-rgb: 225, 223, 225;
$chrome-light: mix(#fff, $chrome, 20%);
$chrome-dark: mix(#000, $chrome, 20%);
.element {
color: $chrome;
box-shadow: 0 0 0 2px rgba($chrome, 0.35);
}