Adlandırılmış renk · #E0E8EC
Sweet Illusion
Sweet Illusion, #E0E8EC: rgb(224 232 236), hsl(200 24% 90%), oklch(0.926 0.01 228.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sweet Illusion color name →
#E0E8EC
oklch(0.926 0.01 228.9)
Renk dönüşümleri
- HEX
- #e0e8ec
- RGB
- rgb(224 232 236)
- HSL
- hsl(200 24% 90%)
- HWB
- hwb(200 88% 7%)
- OKLCH
- oklch(0.926 0.01 228.9)
- OKLab
- oklab(0.926 -0.007 -0.008)
- CIE Lab
- lab(91.47 -2.21 -2.93)
- LCH
- lch(91.47 3.67 232.9)
- CMYK
- cmyk(5% 2% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3EAEE
- E6EDF0
- E9EFF2
- ECF1F4
- EFF3F5
- F3F6F7
- F6F8F9
- F9FAFB
- FCFDFD
Koyu tonlar
- C3CACD
- A6ACAF
- 8A9092
- 707476
- 56595B
- 3E4042
- 272929
- 121313
- 020303
Gri tonlar
- D6DDE1
- CCD2D5
- C2C8CA
- B8BDBF
- AFB3B4
- A5A8AA
- 9C9E9F
- 929495
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- E0E8EC
Sweet Illusion
- EDE5E1
≈ Aimee
Analog -30° +30°
- E0E8EC
Sweet Illusion
- DFE9E9
≈ Teton Breeze
- E2E7EE
≈ Genteel Lavender
Üçlü +120° +240°
- E0E8EC
Sweet Illusion
- ECE4E8
≈ Lavender Pearl
- E7E7E0
≈ Silver Dust
Bölünmüş tamamlayıcı +150° +210°
- E0E8EC
Sweet Illusion
- EDE4E4
≈ Whimsical White
- EAE6DF
≈ Pearly Gates
Dörtlü +90° +180° +270°
- E0E8EC
Sweet Illusion
- EAE4EB
≈ Easter Bunny
- EDE5E1
≈ Aimee
- E3E8E2
≈ Poetic Licence
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.92:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-illusion: #e0e8ec;
--sweet-illusion-rgb: 224 232 236;
--sweet-illusion-oklch: oklch(0.926 0.01 228.9);
}
.element {
color: var(--sweet-illusion);
background-color: hsl(200 24% 90%);
border-color: oklch(0.926 0.01 228.9);
}Tailwind CSS v4
@theme {
--color-sweet-illusion: #e0e8ec;
--color-sweet-illusion-50: #f2f6f7;
--color-sweet-illusion-100: #e5e8eb;
--color-sweet-illusion-200: #d0d5d8;
--color-sweet-illusion-300: #b2b8bc;
--color-sweet-illusion-400: #99a0a3;
--color-sweet-illusion-500: #80888c;
--color-sweet-illusion-600: #6c7376;
--color-sweet-illusion-700: #565c5e;
--color-sweet-illusion-800: #3f4345;
--color-sweet-illusion-900: #2b2e30;
--color-sweet-illusion-950: #191b1c;
}SCSS
$sweet-illusion: #e0e8ec;
$sweet-illusion-rgb: 224, 232, 236;
$sweet-illusion-light: mix(#fff, $sweet-illusion, 20%);
$sweet-illusion-dark: mix(#000, $sweet-illusion, 20%);
.element {
color: $sweet-illusion;
box-shadow: 0 0 0 2px rgba($sweet-illusion, 0.35);
}