Colore con nome più vicino · #D6D4C0
#D6D4C0
Colore con nome più vicino: Wishing Well
#D6D4C0 (rgb(214 212 192), hsl(55 21% 80%), oklch(0.866 0.027 102.3)) è più vicino al colore con nome Wishing Well. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D6D4C0
oklch(0.866 0.027 102.3)
Conversioni di colore
- HEX
- #d6d4c0
- RGB
- rgb(214 212 192)
- HSL
- hsl(55 21% 80%)
- HWB
- hwb(55 75% 16%)
- OKLCH
- oklch(0.866 0.027 102.3)
- OKLab
- oklab(0.866 -0.006 0.026)
- CIE Lab
- lab(84.67 -1.84 10.2)
- LCH
- lch(84.67 10.36 100.2)
- CMYK
- cmyk(0% 1% 10% 16%)
Tinte · Ombre · Toni
Tinte
- DAD8C6
- DEDDCC
- E2E1D3
- E6E5D9
- EAE9DF
- EEEEE6
- F3F2EC
- F7F6F2
- FBFBF9
Ombre
- BAB8A7
- 9E9D8E
- 848376
- 6A695F
- 525149
- 3B3A34
- 252420
- 10100E
- 020202
Toni
- CDCBB9
- C4C3B3
- BBBAAC
- B3B2A6
- AAA9A0
- A1A199
- 999893
- 91908C
- 888886
Armonie di colore
Complementare +180°
- D6D4C0
Wishing Well
- D0D1E5
≈ Bashful Lilac
Analogo -30° +30°
- D6D4C0
Wishing Well
- DED1C0
≈ Erosion
- CCD7C5
≈ Spring Valley
Triadico +120° +240°
- D6D4C0
Wishing Well
- C1D7E0
≈ Falling Tears
- E0CCD8
≈ Cassia Buds
Complementare divisa +150° +210°
- D6D4C0
Wishing Well
- C7D5E5
≈ Defenestration
- D9CEE0
≈ Violet Mist
Tetradico +90° +180° +270°
- D6D4C0
Wishing Well
- C0D9D7
≈ Haint Blue
- D0D1E5
≈ Bashful Lilac
- E4CCCE
≈ Mauve Morn
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.49:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.03:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 14.03:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--wishing-well: #d6d4c0;
--wishing-well-rgb: 214 212 192;
--wishing-well-oklch: oklch(0.866 0.027 102.3);
}
.element {
color: var(--wishing-well);
background-color: hsl(55 21% 80%);
border-color: oklch(0.866 0.027 102.3);
}Tailwind CSS v4
@theme {
--color-wishing-well: #d6d4c0;
--color-wishing-well-50: #f6f6ed;
--color-wishing-well-100: #e9e8de;
--color-wishing-well-200: #d6d5c8;
--color-wishing-well-300: #b9b8a9;
--color-wishing-well-400: #a19f8d;
--color-wishing-well-500: #898773;
--color-wishing-well-600: #747261;
--color-wishing-well-700: #5d5b4e;
--color-wishing-well-800: #444338;
--color-wishing-well-900: #2f2e26;
--color-wishing-well-950: #1c1b15;
}SCSS
$wishing-well: #d6d4c0;
$wishing-well-rgb: 214, 212, 192;
$wishing-well-light: mix(#fff, $wishing-well, 20%);
$wishing-well-dark: mix(#000, $wishing-well, 20%);
.element {
color: $wishing-well;
box-shadow: 0 0 0 2px rgba($wishing-well, 0.35);
}