En yakın adlandırılmış renk · #E7E5EB
#E7E5EB
En yakın adlandırılmış renk: Diamond Cut
#E7E5EB (rgb(231 229 235), hsl(260 13% 91%), oklch(0.925 0.008 301.3)) 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.
#E7E5EB
oklch(0.925 0.008 301.3)
Renk dönüşümleri
- HEX
- #e7e5eb
- RGB
- rgb(231 229 235)
- HSL
- hsl(260 13% 91%)
- HWB
- hwb(260 90% 8%)
- OKLCH
- oklch(0.925 0.008 301.3)
- OKLab
- oklab(0.925 0.004 -0.007)
- CIE Lab
- lab(91.23 1.5 -2.68)
- LCH
- lch(91.23 3.07 299.3)
- CMYK
- cmyk(2% 3% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9E8ED
- ECEAEF
- EEEDF1
- F1EFF3
- F3F2F5
- F5F5F7
- F8F7F9
- FAFAFB
- FDFCFD
Koyu tonlar
- C9C7CC
- ABAAAE
- 8F8E91
- 737275
- 59585B
- 403F41
- 282829
- 131213
- 030303
Gri tonlar
- DCDAE0
- D2D0D5
- C7C6CA
- BCBBBF
- B2B1B4
- A8A7A9
- 9E9D9F
- 949394
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- E7E5EB
Diamond Cut
- E5E7E1
≈ Maritime White
Analog -30° +30°
- E7E5EB
Diamond Cut
- E4E6EC
≈ Genteel Lavender
- EAE4E9
≈ Calm Tint
Üçlü +120° +240°
- E7E5EB
Diamond Cut
- EBE5E1
≈ Winged Victory
- E1E8E6
≈ Calm
Bölünmüş tamamlayıcı +150° +210°
- E7E5EB
Diamond Cut
- E8E6E0
≈ Willow Springs
- E2E8E3
≈ Glimmer
Dörtlü +90° +180° +270°
- E7E5EB
Diamond Cut
- ECE4E3
≈ Whimsical White
- E5E7E1
≈ Maritime White
- E0E8E9
≈ Filigree
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.80:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--diamond-cut: #e7e5eb;
--diamond-cut-rgb: 231 229 235;
--diamond-cut-oklch: oklch(0.925 0.008 301.3);
}
.element {
color: var(--diamond-cut);
background-color: hsl(260 13% 91%);
border-color: oklch(0.925 0.008 301.3);
}Tailwind CSS v4
@theme {
--color-diamond-cut: #e7e5eb;
--color-diamond-cut-50: #f5f4f7;
--color-diamond-cut-100: #e8e7ea;
--color-diamond-cut-200: #d5d3d7;
--color-diamond-cut-300: #b8b6bb;
--color-diamond-cut-400: #9f9da3;
--color-diamond-cut-500: #87858b;
--color-diamond-cut-600: #727075;
--color-diamond-cut-700: #5b5a5e;
--color-diamond-cut-800: #434245;
--color-diamond-cut-900: #2e2d30;
--color-diamond-cut-950: #1b1a1c;
}SCSS
$diamond-cut: #e7e5eb;
$diamond-cut-rgb: 231, 229, 235;
$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);
}