Adlandırılmış renk · #E0EFE1
Snowdrop Explosion
Snowdrop Explosion, #E0EFE1: rgb(224 239 225), hsl(124 32% 91%), oklch(0.937 0.024 147.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? → · Snowdrop Explosion color name →
#E0EFE1
oklch(0.937 0.024 147.3)
Renk dönüşümleri
- HEX
- #e0efe1
- RGB
- rgb(224 239 225)
- HSL
- hsl(124 32% 91%)
- HWB
- hwb(124 88% 6%)
- OKLCH
- oklch(0.937 0.024 147.3)
- OKLab
- oklab(0.937 -0.021 0.013)
- CIE Lab
- lab(93.03 -7.03 5)
- LCH
- lch(93.03 8.63 144.6)
- CMYK
- cmyk(6% 0% 6% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3F1E4
- E6F2E7
- E9F4EA
- ECF5ED
- EFF7F0
- F3F9F3
- F6FAF6
- F9FCF9
- FCFDFC
Koyu tonlar
- C3D0C4
- A6B1A7
- 8A948B
- 707870
- 565C56
- 3E423E
- 272A27
- 121412
- 020302
Gri tonlar
- D6E3D7
- CCD8CD
- C2CCC3
- B8C1B9
- AFB6AF
- A5ABA6
- 9CA09C
- 929593
- 898B89
Renk uyumları
Tamamlayıcı +180°
- E0EFE1
Snowdrop Explosion
- F4E5F3
≈ Minute Mauve
Analog -30° +30°
- E0EFE1
Snowdrop Explosion
- E9EDDB
≈ Really Rain
- DAF0EA
≈ Green Frosting
Üçlü +120° +240°
- E0EFE1
Snowdrop Explosion
- E3EAFB
≈ Icy Lilac
- FAE4E1
≈ Tutu
Bölünmüş tamamlayıcı +150° +210°
- E0EFE1
Snowdrop Explosion
- ECE7F9
≈ Bright Dusk
- F9E4EA
≈ Pink Tutu
Dörtlü +90° +180° +270°
- E0EFE1
Snowdrop Explosion
- DCEDF9
≈ Hoarfrost
- F4E5F3
≈ Minute Mauve
- F8E7DB
≈ White Peach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.19:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.60:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.60:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--snowdrop-explosion: #e0efe1;
--snowdrop-explosion-rgb: 224 239 225;
--snowdrop-explosion-oklch: oklch(0.937 0.024 147.3);
}
.element {
color: var(--snowdrop-explosion);
background-color: hsl(124 32% 91%);
border-color: oklch(0.937 0.024 147.3);
}Tailwind CSS v4
@theme {
--color-snowdrop-explosion: #e0efe1;
--color-snowdrop-explosion-50: #f1f7f1;
--color-snowdrop-explosion-100: #e2eae3;
--color-snowdrop-explosion-200: #cdd7cf;
--color-snowdrop-explosion-300: #afbbb1;
--color-snowdrop-explosion-400: #95a396;
--color-snowdrop-explosion-500: #7c8b7d;
--color-snowdrop-explosion-600: #69756a;
--color-snowdrop-explosion-700: #545e55;
--color-snowdrop-explosion-800: #3d453d;
--color-snowdrop-explosion-900: #2a302a;
--color-snowdrop-explosion-950: #181c18;
}SCSS
$snowdrop-explosion: #e0efe1;
$snowdrop-explosion-rgb: 224, 239, 225;
$snowdrop-explosion-light: mix(#fff, $snowdrop-explosion, 20%);
$snowdrop-explosion-dark: mix(#000, $snowdrop-explosion, 20%);
.element {
color: $snowdrop-explosion;
box-shadow: 0 0 0 2px rgba($snowdrop-explosion, 0.35);
}