En yakın adlandırılmış renk · #DEE6DA
#DEE6DA
En yakın adlandırılmış renk: Water Lily
#DEE6DA (rgb(222 230 218), hsl(100 19% 88%), oklch(0.916 0.018 134.9)) 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.
#DEE6DA
oklch(0.916 0.018 134.9)
Renk dönüşümleri
- HEX
- #dee6da
- RGB
- rgb(222 230 218)
- HSL
- hsl(100 19% 88%)
- HWB
- hwb(100 85% 10%)
- OKLCH
- oklch(0.916 0.018 134.9)
- OKLab
- oklab(0.916 -0.013 0.013)
- CIE Lab
- lab(90.43 -4.38 4.89)
- LCH
- lch(90.43 6.56 131.8)
- CMYK
- cmyk(3% 0% 5% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1E8DE
- E5EBE1
- E8EDE5
- EBF0E9
- EEF2EC
- F2F5F0
- F5F7F4
- F8FAF8
- FCFCFB
Koyu tonlar
- C1C8BD
- A5ABA2
- 898E87
- 6F736C
- 555954
- 3D403C
- 262825
- 121311
- 020302
Gri tonlar
- D4DBD1
- CAD1C7
- C1C6BE
- B7BCB5
- AEB2AC
- A4A7A3
- 9B9D9A
- 929491
- 898A89
Renk uyumları
Tamamlayıcı +180°
- DEE6DA
Water Lily
- E8E0EC
≈ Romantic Cruise
Analog -30° +30°
- DEE6DA
Water Lily
- E5E4D6
≈ Garden Pebble
- D9E7E0
≈ Ice Floe
Üçlü +120° +240°
- DEE6DA
Water Lily
- DBE4EF
≈ Iceberg
- EFDEDF
≈ Reduced Red
Bölünmüş tamamlayıcı +150° +210°
- DEE6DA
Water Lily
- E1E2EF
≈ Iris Ice
- EDDFE6
≈ Antarctic Love
Dörtlü +90° +180° +270°
- DEE6DA
Water Lily
- D7E6EC
≈ Dream Blue
- E8E0EC
≈ Romantic Cruise
- EEE0D9
≈ Landing
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.43:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--water-lily: #dee6da;
--water-lily-rgb: 222 230 218;
--water-lily-oklch: oklch(0.916 0.018 134.9);
}
.element {
color: var(--water-lily);
background-color: hsl(100 19% 88%);
border-color: oklch(0.916 0.018 134.9);
}Tailwind CSS v4
@theme {
--color-water-lily: #dee6da;
--color-water-lily-50: #f3f6f1;
--color-water-lily-100: #e5e9e3;
--color-water-lily-200: #d1d6cf;
--color-water-lily-300: #b3bab1;
--color-water-lily-400: #9aa196;
--color-water-lily-500: #81897d;
--color-water-lily-600: #6d746a;
--color-water-lily-700: #575d55;
--color-water-lily-800: #40443d;
--color-water-lily-900: #2c2f2a;
--color-water-lily-950: #191b18;
}SCSS
$water-lily: #dee6da;
$water-lily-rgb: 222, 230, 218;
$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);
}