En yakın adlandırılmış renk · #E2E8EA
#E2E8EA
En yakın adlandırılmış renk: Shaving Cream
#E2E8EA (rgb(226 232 234), hsl(195 16% 90%), oklch(0.927 0.007 219.6)) en çok Shaving Cream 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.
#E2E8EA
oklch(0.927 0.007 219.6)
Renk dönüşümleri
- HEX
- #e2e8ea
- RGB
- rgb(226 232 234)
- HSL
- hsl(195 16% 90%)
- HWB
- hwb(195 89% 8%)
- OKLCH
- oklch(0.927 0.007 219.6)
- OKLab
- oklab(0.927 -0.005 -0.004)
- CIE Lab
- lab(91.58 -1.8 -1.71)
- LCH
- lch(91.58 2.49 223.5)
- CMYK
- cmyk(3% 1% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5EAEC
- E8EDEE
- EBEFF0
- EEF1F2
- F0F3F4
- F3F6F7
- F6F8F9
- F9FAFB
- FCFDFD
Koyu tonlar
- C4CACB
- A8ACAE
- 8C9091
- 717475
- 57595A
- 3E4041
- 272929
- 121313
- 030303
Gri tonlar
- D8DDDF
- CED2D4
- C4C8C9
- BABDBE
- B0B3B4
- A6A8A9
- 9C9E9F
- 939494
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- E2E8EA
Shaving Cream
- EBE5E3
≈ Winged Victory
Analog -30° +30°
- E2E8EA
Shaving Cream
- E2E8E8
≈ White Lake
- E3E7EB
≈ Little Dipper
Üçlü +120° +240°
- E2E8EA
Shaving Cream
- EAE5E8
≈ Orchid Mist
- E8E7E2
≈ Arctic Fox
Bölünmüş tamamlayıcı +150° +210°
- E2E8EA
Shaving Cream
- EBE5E6
≈ Lavender Pearl
- EAE6E2
≈ Soft Violet
Dörtlü +90° +180° +270°
- E2E8EA
Shaving Cream
- E8E6EA
≈ Pixie Wing
- EBE5E3
≈ Winged Victory
- E5E8E3
≈ Coastal Fog
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.96:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.96:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--shaving-cream: #e2e8ea;
--shaving-cream-rgb: 226 232 234;
--shaving-cream-oklch: oklch(0.927 0.007 219.6);
}
.element {
color: var(--shaving-cream);
background-color: hsl(195 16% 90%);
border-color: oklch(0.927 0.007 219.6);
}Tailwind CSS v4
@theme {
--color-shaving-cream: #e2e8ea;
--color-shaving-cream-50: #f3f6f6;
--color-shaving-cream-100: #e5e8e9;
--color-shaving-cream-200: #d1d5d6;
--color-shaving-cream-300: #b4b8ba;
--color-shaving-cream-400: #9a9fa1;
--color-shaving-cream-500: #818789;
--color-shaving-cream-600: #6d7274;
--color-shaving-cream-700: #575c5d;
--color-shaving-cream-800: #404344;
--color-shaving-cream-900: #2c2e2f;
--color-shaving-cream-950: #191b1b;
}SCSS
$shaving-cream: #e2e8ea;
$shaving-cream-rgb: 226, 232, 234;
$shaving-cream-light: mix(#fff, $shaving-cream, 20%);
$shaving-cream-dark: mix(#000, $shaving-cream, 20%);
.element {
color: $shaving-cream;
box-shadow: 0 0 0 2px rgba($shaving-cream, 0.35);
}