Benannte Farbe · #D0D1C1
Wishing Well
Wishing Well ist #D0D1C1: rgb(208 209 193), hsl(64 15% 79%), oklch(0.855 0.022 109.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wishing Well color name →
#D0D1C1
oklch(0.855 0.022 109.8)
Farbumrechnungen
- HEX
- #d0d1c1
- RGB
- rgb(208 209 193)
- HSL
- hsl(64 15% 79%)
- HWB
- hwb(64 76% 18%)
- OKLCH
- oklch(0.855 0.022 109.8)
- OKLab
- oklab(0.855 -0.007 0.02)
- CIE Lab
- lab(83.43 -2.45 7.84)
- LCH
- lch(83.43 8.22 107.3)
- CMYK
- cmyk(0% 0% 8% 18%)
Tints · Shades · Tones
Tints
- D5D6C7
- D9DACD
- DEDFD3
- E3E3D9
- E7E8E0
- ECECE6
- F1F1EC
- F5F6F2
- FAFAF9
Shades
- B5B5A7
- 9A9B8F
- 808177
- 67685F
- 4F5049
- 393934
- 232320
- 10100E
- 020202
Tones
- C8C9BA
- BFC0B4
- B7B8AD
- AFB0A6
- A7A8A0
- 9FA099
- 979893
- 8F908D
- 888886
Farbharmonien
Komplementär +180°
- D0D1C1
Wishing Well
- CFCDDD
≈ Breezy Violet
Analog -30° +30°
- D0D1C1
Wishing Well
- D7CEC0
≈ Sandy Day
- C8D3C6
≈ Parakeet Pete
Triadisch +120° +240°
- D0D1C1
Wishing Well
- C2D3DB
≈ Sentimental Lady
- DBCAD1
≈ Blush of Hyacinth
Geteilt komplementär +150° +210°
- D0D1C1
Wishing Well
- C7D0DE
≈ Pale Shale
- D6CBD9
≈ Dusky Lilac
Tetradisch +90° +180° +270°
- D0D1C1
Wishing Well
- C0D4D5
≈ Scandinavian Sky
- CFCDDD
≈ Breezy Violet
- DECACA
≈ Delirious Donkey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.57:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--wishing-well: #d0d1c1;
--wishing-well-rgb: 208 209 193;
--wishing-well-oklch: oklch(0.855 0.022 109.8);
}
.element {
color: var(--wishing-well);
background-color: hsl(64 15% 79%);
border-color: oklch(0.855 0.022 109.8);
}Tailwind CSS v4
@theme {
--color-wishing-well: #d0d1c1;
--color-wishing-well-50: #f5f6ef;
--color-wishing-well-100: #e8e9e1;
--color-wishing-well-200: #d4d5cb;
--color-wishing-well-300: #b7b9ac;
--color-wishing-well-400: #9fa091;
--color-wishing-well-500: #878877;
--color-wishing-well-600: #727365;
--color-wishing-well-700: #5b5c51;
--color-wishing-well-800: #43433a;
--color-wishing-well-900: #2e2e28;
--color-wishing-well-950: #1b1b16;
}SCSS
$wishing-well: #d0d1c1;
$wishing-well-rgb: 208, 209, 193;
$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);
}