En yakın adlandırılmış renk · #D6D4C0
#D6D4C0
En yakın adlandırılmış renk: Wishing Well
#D6D4C0 (rgb(214 212 192), hsl(55 21% 80%), oklch(0.866 0.027 102.3)) en çok Wishing Well adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D6D4C0
oklch(0.866 0.027 102.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DAD8C6
- DEDDCC
- E2E1D3
- E6E5D9
- EAE9DF
- EEEEE6
- F3F2EC
- F7F6F2
- FBFBF9
Koyu tonlar
- BAB8A7
- 9E9D8E
- 848376
- 6A695F
- 525149
- 3B3A34
- 252420
- 10100E
- 020202
Gri tonlar
- CDCBB9
- C4C3B3
- BBBAAC
- B3B2A6
- AAA9A0
- A1A199
- 999893
- 91908C
- 888886
Renk uyumları
Tamamlayıcı +180°
- D6D4C0
Wishing Well
- D0D1E5
≈ Bashful Lilac
Analog -30° +30°
- D6D4C0
Wishing Well
- DED1C0
≈ Erosion
- CCD7C5
≈ Spring Valley
Üçlü +120° +240°
- D6D4C0
Wishing Well
- C1D7E0
≈ Falling Tears
- E0CCD8
≈ Cassia Buds
Bölünmüş tamamlayıcı +150° +210°
- D6D4C0
Wishing Well
- C7D5E5
≈ Defenestration
- D9CEE0
≈ Violet Mist
Dörtlü +90° +180° +270°
- D6D4C0
Wishing Well
- C0D9D7
≈ Haint Blue
- D0D1E5
≈ Bashful Lilac
- E4CCCE
≈ Mauve Morn
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.03:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.03:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
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);
}