En yakın adlandırılmış renk · #E1E8DD
#E1E8DD
En yakın adlandırılmış renk: Water Lily
#E1E8DD (rgb(225 232 221), hsl(98 19% 89%), oklch(0.923 0.016 133.8)) en çok Water Lily 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.
#E1E8DD
oklch(0.923 0.016 133.8)
Renk dönüşümleri
- HEX
- #e1e8dd
- RGB
- rgb(225 232 221)
- HSL
- hsl(98 19% 89%)
- HWB
- hwb(98 87% 9%)
- OKLCH
- oklch(0.923 0.016 133.8)
- OKLab
- oklab(0.923 -0.011 0.012)
- CIE Lab
- lab(91.23 -3.89 4.51)
- LCH
- lch(91.23 5.96 130.8)
- CMYK
- cmyk(3% 0% 5% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4EAE0
- E7EDE4
- EAEFE7
- EDF1EB
- F0F3EE
- F3F6F1
- F6F8F5
- F9FAF8
- FCFDFC
Koyu tonlar
- C4CAC0
- A7ACA4
- 8B9088
- 70746E
- 565955
- 3E403D
- 272926
- 121311
- 020302
Gri tonlar
- D7DDD3
- CDD2CA
- C3C8C0
- B9BDB7
- AFB3AD
- A6A8A4
- 9C9E9B
- 939492
- 898A89
Renk uyumları
Tamamlayıcı +180°
- E1E8DD
Water Lily
- E9E2ED
≈ Modest Violet
Analog -30° +30°
- E1E8DD
Water Lily
- E7E6DA
≈ Prairie Winds
- DCE9E2
≈ Minified Green
Üçlü +120° +240°
- E1E8DD
Water Lily
- DEE6F1
≈ Radiant Moon
- F0E1E2
≈ Pink Booties
Bölünmüş tamamlayıcı +150° +210°
- E1E8DD
Water Lily
- E4E4F0
≈ Farsighted
- EEE1E8
≈ Struck by Lightning
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.78:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--water-lily: #e1e8dd;
--water-lily-rgb: 225 232 221;
--water-lily-oklch: oklch(0.923 0.016 133.8);
}
.element {
color: var(--water-lily);
background-color: hsl(98 19% 89%);
border-color: oklch(0.923 0.016 133.8);
}Tailwind CSS v4
@theme {
--color-water-lily: #e1e8dd;
--color-water-lily-50: #f3f6f2;
--color-water-lily-100: #e5e9e4;
--color-water-lily-200: #d1d6cf;
--color-water-lily-300: #b4b9b1;
--color-water-lily-400: #9aa197;
--color-water-lily-500: #82897e;
--color-water-lily-600: #6e746a;
--color-water-lily-700: #585d55;
--color-water-lily-800: #40443e;
--color-water-lily-900: #2c2f2a;
--color-water-lily-950: #191b18;
}SCSS
$water-lily: #e1e8dd;
$water-lily-rgb: 225, 232, 221;
$water-lily-light: mix(#fff, $water-lily, 20%);
$water-lily-dark: mix(#000, $water-lily, 20%);
.element {
color: $water-lily;
box-shadow: 0 0 0 2px rgba($water-lily, 0.35);
}