En yakın adlandırılmış renk · #E7E5E9
#E7E5E9
En yakın adlandırılmış renk: Chrome
#E7E5E9 (rgb(231 229 233), hsl(270 8% 91%), oklch(0.925 0.006 308.4)) en çok Chrome adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E7E5E9
oklch(0.925 0.006 308.4)
Renk dönüşümleri
- HEX
- #e7e5e9
- RGB
- rgb(231 229 233)
- HSL
- hsl(270 8% 91%)
- HWB
- hwb(270 90% 9%)
- OKLCH
- oklch(0.925 0.006 308.4)
- OKLab
- oklab(0.925 0.004 -0.005)
- CIE Lab
- lab(91.18 1.23 -1.7)
- LCH
- lch(91.18 2.1 305.9)
- CMYK
- cmyk(1% 2% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9E8EB
- ECEAED
- EEEDF0
- F1EFF2
- F3F2F4
- F5F5F6
- F8F7F8
- FAFAFB
- FDFCFD
Koyu tonlar
- C9C7CB
- ABAAAD
- 8F8E90
- 737274
- 59585A
- 403F41
- 282829
- 131213
- 030303
Gri tonlar
- DCDADE
- D2D0D3
- C7C6C8
- BCBBBE
- B2B1B3
- A8A7A9
- 9E9D9E
- 949394
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- E7E5E9
Chrome
- E5E7E3
≈ Whale Bone
Analog -30° +30°
- E7E5E9
Chrome
- E5E6EA
≈ Lilac Murmur
- E9E5E7
≈ Orchid Mist
Üçlü +120° +240°
- E7E5E9
Chrome
- E9E5E2
≈ Soft Violet
- E2E7E7
≈ White Lake
Bölünmüş tamamlayıcı +150° +210°
- E7E5E9
Chrome
- E7E6E2
≈ Pearl Brite
- E3E7E5
≈ Silent White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.78:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.78:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--chrome: #e7e5e9;
--chrome-rgb: 231 229 233;
--chrome-oklch: oklch(0.925 0.006 308.4);
}
.element {
color: var(--chrome);
background-color: hsl(270 8% 91%);
border-color: oklch(0.925 0.006 308.4);
}Tailwind CSS v4
@theme {
--color-chrome: #e7e5e9;
--color-chrome-50: #f5f5f6;
--color-chrome-100: #e8e7e9;
--color-chrome-200: #d5d3d6;
--color-chrome-300: #b8b6b9;
--color-chrome-400: #9f9da1;
--color-chrome-500: #878589;
--color-chrome-600: #727174;
--color-chrome-700: #5b5a5d;
--color-chrome-800: #434244;
--color-chrome-900: #2e2d2f;
--color-chrome-950: #1b1a1b;
}SCSS
$chrome: #e7e5e9;
$chrome-rgb: 231, 229, 233;
$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);
}