Cor nomeada mais próxima · #DEE6DA
#DEE6DA
Cor nomeada mais próxima: Water Lily
#DEE6DA (rgb(222 230 218), hsl(100 19% 88%), oklch(0.916 0.018 134.9)) é mais próxima da cor nomeada Water Lily. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DEE6DA
oklch(0.916 0.018 134.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E1E8DE
- E5EBE1
- E8EDE5
- EBF0E9
- EEF2EC
- F2F5F0
- F5F7F4
- F8FAF8
- FCFCFB
Sombras
- C1C8BD
- A5ABA2
- 898E87
- 6F736C
- 555954
- 3D403C
- 262825
- 121311
- 020302
Tons
- D4DBD1
- CAD1C7
- C1C6BE
- B7BCB5
- AEB2AC
- A4A7A3
- 9B9D9A
- 929491
- 898A89
Harmonias de cor
Complementar +180°
- DEE6DA
Water Lily
- E8E0EC
≈ Romantic Cruise
Análoga -30° +30°
- DEE6DA
Water Lily
- E5E4D6
≈ Garden Pebble
- D9E7E0
≈ Ice Floe
Tríade +120° +240°
- DEE6DA
Water Lily
- DBE4EF
≈ Iceberg
- EFDEDF
≈ Reduced Red
Complementar dividida +150° +210°
- DEE6DA
Water Lily
- E1E2EF
≈ Iris Ice
- EDDFE6
≈ Antarctic Love
Tétrade +90° +180° +270°
- DEE6DA
Water Lily
- D7E6EC
≈ Dream Blue
- E8E0EC
≈ Romantic Cruise
- EEE0D9
≈ Landing
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.43:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
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);
}