Colore con nome più vicino · #DADFD4
#DADFD4
Colore con nome più vicino: Water Lily
#DADFD4 (rgb(218 223 212), hsl(87 15% 85%), oklch(0.897 0.016 126.8)) è più vicino al colore con nome Water Lily. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DADFD4
oklch(0.897 0.016 126.8)
Conversioni di colore
- HEX
- #dadfd4
- RGB
- rgb(218 223 212)
- HSL
- hsl(87 15% 85%)
- HWB
- hwb(87 83% 13%)
- OKLCH
- oklch(0.897 0.016 126.8)
- OKLab
- oklab(0.897 -0.009 0.013)
- CIE Lab
- lab(88.2 -3.21 4.79)
- LCH
- lch(88.2 5.77 123.8)
- CMYK
- cmyk(2% 0% 5% 13%)
Tinte · Ombre · Toni
Tinte
- DEE2D8
- E1E5DC
- E5E9E1
- E9ECE5
- ECEFE9
- F0F2EE
- F4F5F2
- F8F9F6
- FBFCFB
Ombre
- BDC2B8
- A2A59D
- 878A83
- 6C6F69
- 545651
- 3C3D3A
- 252724
- 111210
- 020202
Toni
- D1D5CB
- C7CBC3
- BEC2BA
- B5B8B1
- ACAEA9
- A3A5A1
- 9A9B98
- 919290
- 898988
Armonie di colore
Complementare +180°
- DADFD4
Water Lily
- DFDAE5
≈ Inspired Lilac
Analogo -30° +30°
- DADFD4
Water Lily
- E0DDD2
≈ Clear Stone
- D5E0D9
≈ Dewy
Triadico +120° +240°
- DADFD4
Water Lily
- D5DEE7
≈ Burj Khalifa Fountain
- E7D9DB
≈ Death Cap
Complementare divisa +150° +210°
- DADFD4
Water Lily
- DADCE8
≈ Sweet Harbour
- E4D9E1
≈ Wine Frost
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.48:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--water-lily: #dadfd4;
--water-lily-rgb: 218 223 212;
--water-lily-oklch: oklch(0.897 0.016 126.8);
}
.element {
color: var(--water-lily);
background-color: hsl(87 15% 85%);
border-color: oklch(0.897 0.016 126.8);
}Tailwind CSS v4
@theme {
--color-water-lily: #dadfd4;
--color-water-lily-50: #f4f6f1;
--color-water-lily-100: #e6e9e3;
--color-water-lily-200: #d2d6cf;
--color-water-lily-300: #b5b9b1;
--color-water-lily-400: #9ca096;
--color-water-lily-500: #83887d;
--color-water-lily-600: #6f736a;
--color-water-lily-700: #595c55;
--color-water-lily-800: #41433e;
--color-water-lily-900: #2d2f2a;
--color-water-lily-950: #1a1b18;
}SCSS
$water-lily: #dadfd4;
$water-lily-rgb: 218, 223, 212;
$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);
}