Adlandırılmış renk · #E6E2E4
Cooling Trend
Cooling Trend, #E6E2E4: rgb(230 226 228), hsl(330 7% 89%), oklch(0.916 0.005 345.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cooling Trend color name →
#E6E2E4
oklch(0.916 0.005 345.3)
Renk dönüşümleri
- HEX
- #e6e2e4
- RGB
- rgb(230 226 228)
- HSL
- hsl(330 7% 89%)
- HWB
- hwb(330 89% 10%)
- OKLCH
- oklch(0.916 0.005 345.3)
- OKLab
- oklab(0.916 0.005 -0.001)
- CIE Lab
- lab(90.24 1.67 -0.47)
- LCH
- lch(90.24 1.73 344.1)
- CMYK
- cmyk(0% 2% 1% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E5E7
- EBE8E9
- EDEBEC
- F0EEEF
- F2F0F1
- F5F3F4
- F7F6F7
- FAF9FA
- FCFCFC
Koyu tonlar
- C8C4C6
- ABA8A9
- 8E8C8D
- 737172
- 595758
- 403E3F
- 282728
- 131212
- 030303
Gri tonlar
- DBD8DA
- D1CECF
- C6C4C5
- BCBABB
- B2B0B1
- A7A6A7
- 9D9C9D
- 939393
- 8A898A
Renk uyumları
Tamamlayıcı +180°
- E6E2E4
Cooling Trend
- E0E4E2
≈ Grey Glimpse
Analog -30° +30°
- E6E2E4
Cooling Trend
- E5E2E6
≈ Violet Hush
- E7E2E2
≈ Mauve Tinge
Üçlü +120° +240°
- E6E2E4
Cooling Trend
- E4E4E0
≈ Felicity
- E0E4E6
≈ Cold Wind
Bölünmüş tamamlayıcı +150° +210°
- E6E2E4
Cooling Trend
- E2E4E1
≈ Aria
- E0E4E4
≈ Grey Glimpse
Dörtlü +90° +180° +270°
- E6E2E4
Cooling Trend
- E5E3E0
≈ Arctic Cotton
- E0E4E2
≈ Grey Glimpse
- E1E4E7
≈ Silver City
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.36:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--cooling-trend: #e6e2e4;
--cooling-trend-rgb: 230 226 228;
--cooling-trend-oklch: oklch(0.916 0.005 345.3);
}
.element {
color: var(--cooling-trend);
background-color: hsl(330 7% 89%);
border-color: oklch(0.916 0.005 345.3);
}Tailwind CSS v4
@theme {
--color-cooling-trend: #e6e2e4;
--color-cooling-trend-50: #f6f4f5;
--color-cooling-trend-100: #e9e7e8;
--color-cooling-trend-200: #d6d3d4;
--color-cooling-trend-300: #b9b6b8;
--color-cooling-trend-400: #a19d9f;
--color-cooling-trend-500: #898587;
--color-cooling-trend-600: #747072;
--color-cooling-trend-700: #5d5a5b;
--color-cooling-trend-800: #444243;
--color-cooling-trend-900: #2f2d2e;
--color-cooling-trend-950: #1b1a1b;
}SCSS
$cooling-trend: #e6e2e4;
$cooling-trend-rgb: 230, 226, 228;
$cooling-trend-light: mix(#fff, $cooling-trend, 20%);
$cooling-trend-dark: mix(#000, $cooling-trend, 20%);
.element {
color: $cooling-trend;
box-shadow: 0 0 0 2px rgba($cooling-trend, 0.35);
}