En yakın adlandırılmış renk · #E1E4EC
#E1E4EC
En yakın adlandırılmış renk: Delicate Cloud
#E1E4EC (rgb(225 228 236), hsl(224 22% 90%), oklch(0.919 0.011 269.5)) en çok Delicate Cloud 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.
#E1E4EC
oklch(0.919 0.011 269.5)
Renk dönüşümleri
- HEX
- #e1e4ec
- RGB
- rgb(225 228 236)
- HSL
- hsl(224 22% 90%)
- HWB
- hwb(224 88% 7%)
- OKLCH
- oklch(0.919 0.011 269.5)
- OKLab
- oklab(0.919 0 -0.011)
- CIE Lab
- lab(90.53 0.05 -4.28)
- LCH
- lch(90.53 4.28 270.7)
- CMYK
- cmyk(5% 3% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4E7EE
- E7E9F0
- EAECF2
- EDEFF4
- F0F1F5
- F3F4F7
- F6F7F9
- F9FAFB
- FCFCFD
Koyu tonlar
- C4C6CD
- A7A9AF
- 8B8D92
- 707276
- 56585B
- 3E3F42
- 272829
- 121213
- 020303
Gri tonlar
- D7DAE1
- CDCFD5
- C3C5CA
- B9BBBF
- AFB1B5
- A6A7AA
- 9C9D9F
- 939395
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- E1E4EC
Delicate Cloud
- E7E4DC
≈ Foggy Day
Analog -30° +30°
- E1E4EC
Delicate Cloud
- DEE5EB
≈ Chapeau Violet
- E5E3EB
≈ Soft Iris
Üçlü +120° +240°
- E1E4EC
Delicate Cloud
- ECE2E0
≈ Silica Sand
- DFE6E0
≈ Winter Veil
Bölünmüş tamamlayıcı +150° +210°
- E1E4EC
Delicate Cloud
- EAE3DD
≈ Crystalline
- E3E5DD
≈ Chinese White
Dörtlü +90° +180° +270°
- E1E4EC
Delicate Cloud
- EBE1E4
≈ Delicacy White
- E7E4DC
≈ Foggy Day
- DDE7E4
≈ Starburst
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.51:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--delicate-cloud: #e1e4ec;
--delicate-cloud-rgb: 225 228 236;
--delicate-cloud-oklch: oklch(0.919 0.011 269.5);
}
.element {
color: var(--delicate-cloud);
background-color: hsl(224 22% 90%);
border-color: oklch(0.919 0.011 269.5);
}Tailwind CSS v4
@theme {
--color-delicate-cloud: #e1e4ec;
--color-delicate-cloud-50: #f4f5f8;
--color-delicate-cloud-100: #e6e8ec;
--color-delicate-cloud-200: #d2d4d9;
--color-delicate-cloud-300: #b5b7bd;
--color-delicate-cloud-400: #9c9ea5;
--color-delicate-cloud-500: #83868e;
--color-delicate-cloud-600: #6f7178;
--color-delicate-cloud-700: #595b60;
--color-delicate-cloud-800: #414246;
--color-delicate-cloud-900: #2c2e31;
--color-delicate-cloud-950: #1a1b1d;
}SCSS
$delicate-cloud: #e1e4ec;
$delicate-cloud-rgb: 225, 228, 236;
$delicate-cloud-light: mix(#fff, $delicate-cloud, 20%);
$delicate-cloud-dark: mix(#000, $delicate-cloud, 20%);
.element {
color: $delicate-cloud;
box-shadow: 0 0 0 2px rgba($delicate-cloud, 0.35);
}