Adlandırılmış renk · #ECE3E1
Cloudy Grey
Cloudy Grey, #ECE3E1: rgb(236 227 225), hsl(11 22% 90%), oklch(0.922 0.01 32.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cloudy Grey color name →
#ECE3E1
oklch(0.922 0.01 32.5)
Renk dönüşümleri
- HEX
- #ece3e1
- RGB
- rgb(236 227 225)
- HSL
- hsl(11 22% 90%)
- HWB
- hwb(11 88% 7%)
- OKLCH
- oklch(0.922 0.01 32.5)
- OKLab
- oklab(0.922 0.009 0.005)
- CIE Lab
- lab(90.91 2.9 2.13)
- LCH
- lch(90.91 3.6 36.2)
- CMYK
- cmyk(0% 4% 5% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEE6E4
- F0E9E7
- F2EBEA
- F4EEED
- F5F1F0
- F7F4F3
- F9F7F6
- FBF9F9
- FDFCFC
Koyu tonlar
- CDC5C4
- AFA8A7
- 928C8B
- 767170
- 5B5756
- 423F3E
- 292727
- 131212
- 030302
Gri tonlar
- E1D9D7
- D5CECD
- CAC4C3
- BFBAB9
- B5B0AF
- AAA6A6
- 9F9D9C
- 959393
- 8A8989
Renk uyumları
Tamamlayıcı +180°
- ECE3E1
Cloudy Grey
- DEE7E9
≈ Filigree
Analog -30° +30°
- ECE3E1
Cloudy Grey
- ECE3E5
≈ Delicacy White
- EAE4DF
≈ Lime White
Üçlü +120° +240°
- ECE3E1
Cloudy Grey
- E1E7E2
≈ Glimmer
- E3E5EC
≈ Genteel Lavender
Bölünmüş tamamlayıcı +150° +210°
- ECE3E1
Cloudy Grey
- DEE8E6
≈ Calm
- E0E6EC
≈ Winter Haven
Dörtlü +90° +180° +270°
- ECE3E1
Cloudy Grey
- E4E6DF
≈ Black Squeeze
- DEE7E9
≈ Filigree
- E6E4EB
≈ Soft Iris
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.64:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.64:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--cloudy-grey: #ece3e1;
--cloudy-grey-rgb: 236 227 225;
--cloudy-grey-oklch: oklch(0.922 0.01 32.5);
}
.element {
color: var(--cloudy-grey);
background-color: hsl(11 22% 90%);
border-color: oklch(0.922 0.01 32.5);
}Tailwind CSS v4
@theme {
--color-cloudy-grey: #ece3e1;
--color-cloudy-grey-50: #f8f4f3;
--color-cloudy-grey-100: #ebe7e5;
--color-cloudy-grey-200: #d8d3d1;
--color-cloudy-grey-300: #bcb6b4;
--color-cloudy-grey-400: #a49c9b;
--color-cloudy-grey-500: #8d8482;
--color-cloudy-grey-600: #77706e;
--color-cloudy-grey-700: #5f5958;
--color-cloudy-grey-800: #464140;
--color-cloudy-grey-900: #302d2c;
--color-cloudy-grey-950: #1d1a19;
}SCSS
$cloudy-grey: #ece3e1;
$cloudy-grey-rgb: 236, 227, 225;
$cloudy-grey-light: mix(#fff, $cloudy-grey, 20%);
$cloudy-grey-dark: mix(#000, $cloudy-grey, 20%);
.element {
color: $cloudy-grey;
box-shadow: 0 0 0 2px rgba($cloudy-grey, 0.35);
}