En yakın adlandırılmış renk · #E8E8EB
#E8E8EB
En yakın adlandırılmış renk: Placebo
#E8E8EB (rgb(232 232 235), hsl(240 7% 92%), oklch(0.932 0.004 286.3)) en çok Placebo 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.
#E8E8EB
oklch(0.932 0.004 286.3)
Renk dönüşümleri
- HEX
- #e8e8eb
- RGB
- rgb(232 232 235)
- HSL
- hsl(240 7% 92%)
- HWB
- hwb(240 91% 8%)
- OKLCH
- oklch(0.932 0.004 286.3)
- OKLab
- oklab(0.932 0.001 -0.004)
- CIE Lab
- lab(92.06 0.4 -1.46)
- LCH
- lch(92.06 1.52 285.3)
- CMYK
- cmyk(1% 1% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EAEAED
- EDEDEF
- EFEFF1
- F1F1F3
- F3F3F5
- F6F6F7
- F8F8F9
- FAFAFB
- FDFDFD
Koyu tonlar
- CACACC
- ACACAE
- 909091
- 747475
- 59595B
- 404041
- 292929
- 131313
- 030303
Gri tonlar
- DDDDE0
- D2D2D5
- C8C8CA
- BDBDBF
- B3B3B4
- A8A8A9
- 9E9E9F
- 949494
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- E8E8EB
Placebo
- E9E9E6
≈ Steam White
Analog -30° +30°
- E8E8EB
Placebo
- E7E9EB
≈ Snow Cloud
- E9E8EA
≈ Leukophobia
Üçlü +120° +240°
- E8E8EB
Placebo
- EBE8E6
≈ Heavenly White
- E6E9E8
≈ Swirling Water
Bölünmüş tamamlayıcı +150° +210°
- E8E8EB
Placebo
- EAE8E5
≈ Lilac Muse
- E7E9E6
≈ Mt. Hood White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.17:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--placebo: #e8e8eb;
--placebo-rgb: 232 232 235;
--placebo-oklch: oklch(0.932 0.004 286.3);
}
.element {
color: var(--placebo);
background-color: hsl(240 7% 92%);
border-color: oklch(0.932 0.004 286.3);
}Tailwind CSS v4
@theme {
--color-placebo: #e8e8eb;
--color-placebo-50: #f5f5f6;
--color-placebo-100: #e8e8e9;
--color-placebo-200: #d4d4d6;
--color-placebo-300: #b7b7b9;
--color-placebo-400: #9e9ea1;
--color-placebo-500: #868689;
--color-placebo-600: #717174;
--color-placebo-700: #5a5a5c;
--color-placebo-800: #424244;
--color-placebo-900: #2e2e2f;
--color-placebo-950: #1a1a1b;
}SCSS
$placebo: #e8e8eb;
$placebo-rgb: 232, 232, 235;
$placebo-light: mix(#fff, $placebo, 20%);
$placebo-dark: mix(#000, $placebo, 20%);
.element {
color: $placebo;
box-shadow: 0 0 0 2px rgba($placebo, 0.35);
}