Colore con nome · #D7E7DA
Toadstool Dot
Toadstool Dot è #D7E7DA: rgb(215 231 218), hsl(131 25% 87%), oklch(0.912 0.024 151.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Toadstool Dot color name →
#D7E7DA
oklch(0.912 0.024 151.2)
Conversioni di colore
- HEX
- #d7e7da
- RGB
- rgb(215 231 218)
- HSL
- hsl(131 25% 87%)
- HWB
- hwb(131 84% 9%)
- OKLCH
- oklch(0.912 0.024 151.2)
- OKLab
- oklab(0.912 -0.021 0.012)
- CIE Lab
- lab(90.16 -7.29 4.43)
- LCH
- lch(90.16 8.53 148.7)
- CMYK
- cmyk(7% 0% 6% 9%)
Tinte · Ombre · Toni
Tinte
- DBE9DE
- DFECE1
- E3EEE5
- E7F1E9
- EBF3EC
- EFF5F0
- F3F8F4
- F7FAF8
- FBFDFB
Ombre
- BBC9BD
- 9FABA2
- 858F87
- 6B736C
- 525954
- 3B403C
- 252825
- 111311
- 020302
Toni
- CEDCD1
- C5D2C7
- BCC7BE
- B3BCB5
- ABB2AC
- A2A8A3
- 999E9A
- 919491
- 888A89
Armonie di colore
Complementare +180°
- D7E7DA
Toadstool Dot
- ECDCEA
≈ Elfin Magic
Analogo -30° +30°
- D7E7DA
Toadstool Dot
- DFE5D3
≈ Greening
- D2E8E3
≈ Aqua Glass
Triadico +120° +240°
- D7E7DA
Toadstool Dot
- DCE2F3
≈ Vaguely Violet
- F2DDD8
≈ Cosy Cottage
Complementare divisa +150° +210°
- D7E7DA
Toadstool Dot
- E5DFF0
≈ Lingering Lilac
- F1DCE1
≈ Piggyback
Tetradico +90° +180° +270°
- D7E7DA
Toadstool Dot
- D4E5F1
≈ Snowdrift Glow
- ECDCEA
≈ Elfin Magic
- EFDFD2
≈ Nearly Peach
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.33:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--toadstool-dot: #d7e7da;
--toadstool-dot-rgb: 215 231 218;
--toadstool-dot-oklch: oklch(0.912 0.024 151.2);
}
.element {
color: var(--toadstool-dot);
background-color: hsl(131 25% 87%);
border-color: oklch(0.912 0.024 151.2);
}Tailwind CSS v4
@theme {
--color-toadstool-dot: #d7e7da;
--color-toadstool-dot-50: #f0f7f2;
--color-toadstool-dot-100: #e2eae4;
--color-toadstool-dot-200: #cdd7cf;
--color-toadstool-dot-300: #aebbb2;
--color-toadstool-dot-400: #95a397;
--color-toadstool-dot-500: #7b8b7e;
--color-toadstool-dot-600: #68766b;
--color-toadstool-dot-700: #535e55;
--color-toadstool-dot-800: #3d453e;
--color-toadstool-dot-900: #2a302b;
--color-toadstool-dot-950: #171c18;
}SCSS
$toadstool-dot: #d7e7da;
$toadstool-dot-rgb: 215, 231, 218;
$toadstool-dot-light: mix(#fff, $toadstool-dot, 20%);
$toadstool-dot-dark: mix(#000, $toadstool-dot, 20%);
.element {
color: $toadstool-dot;
box-shadow: 0 0 0 2px rgba($toadstool-dot, 0.35);
}