En yakın adlandırılmış renk · #E4E7ED
#E4E7ED
En yakın adlandırılmış renk: Diamond Cut
#E4E7ED (rgb(228 231 237), hsl(220 20% 91%), oklch(0.927 0.009 264.5)) en çok Diamond Cut 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.
#E4E7ED
oklch(0.927 0.009 264.5)
Renk dönüşümleri
- HEX
- #e4e7ed
- RGB
- rgb(228 231 237)
- HSL
- hsl(220 20% 91%)
- HWB
- hwb(220 89% 7%)
- OKLCH
- oklch(0.927 0.009 264.5)
- OKLab
- oklab(0.927 -0.001 -0.009)
- CIE Lab
- lab(91.54 -0.22 -3.29)
- LCH
- lch(91.54 3.3 266.1)
- CMYK
- cmyk(4% 3% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7E9EF
- E9ECF1
- ECEEF2
- EFF1F4
- F1F3F6
- F4F5F8
- F7F8FA
- FAFAFB
- FCFDFD
Koyu tonlar
- C6C9CE
- A9ABB0
- 8D8F93
- 727377
- 58595C
- 3F4042
- 28282A
- 121314
- 030303
Gri tonlar
- DADCE2
- CFD2D6
- C5C7CB
- BBBCC0
- B1B2B5
- A7A8AA
- 9D9E9F
- 939495
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- E4E7ED
Diamond Cut
- EAE7E1
≈ Thousand Shells
Analog -30° +30°
- E4E7ED
Diamond Cut
- E2E8EC
≈ Sweet Illusion
- E7E6EC
≈ Cool Frost
Üçlü +120° +240°
- E4E7ED
Diamond Cut
- EDE5E4
≈ Whimsical White
- E4E9E3
≈ Tidal Mist
Bölünmüş tamamlayıcı +150° +210°
- E4E7ED
Diamond Cut
- ECE6E2
≈ Aimee
- E7E8E1
≈ Wedding Cake White
Dörtlü +90° +180° +270°
- E4E7ED
Diamond Cut
- ECE5E7
≈ Lavender Pearl
- EAE7E1
≈ Thousand Shells
- E1E9E6
≈ Calm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.95:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.95:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--diamond-cut: #e4e7ed;
--diamond-cut-rgb: 228 231 237;
--diamond-cut-oklch: oklch(0.927 0.009 264.5);
}
.element {
color: var(--diamond-cut);
background-color: hsl(220 20% 91%);
border-color: oklch(0.927 0.009 264.5);
}Tailwind CSS v4
@theme {
--color-diamond-cut: #e4e7ed;
--color-diamond-cut-50: #f4f5f8;
--color-diamond-cut-100: #e6e8eb;
--color-diamond-cut-200: #d2d4d8;
--color-diamond-cut-300: #b5b7bc;
--color-diamond-cut-400: #9c9ea4;
--color-diamond-cut-500: #83868c;
--color-diamond-cut-600: #6f7277;
--color-diamond-cut-700: #595b5f;
--color-diamond-cut-800: #414245;
--color-diamond-cut-900: #2d2e30;
--color-diamond-cut-950: #1a1b1c;
}SCSS
$diamond-cut: #e4e7ed;
$diamond-cut-rgb: 228, 231, 237;
$diamond-cut-light: mix(#fff, $diamond-cut, 20%);
$diamond-cut-dark: mix(#000, $diamond-cut, 20%);
.element {
color: $diamond-cut;
box-shadow: 0 0 0 2px rgba($diamond-cut, 0.35);
}