Adlandırılmış renk · #C6C0A6
Mandu Dumpling
Mandu Dumpling, #C6C0A6: rgb(198 192 166), hsl(49 22% 71%), oklch(0.806 0.036 96.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Mandu Dumpling color name →
#C6C0A6
oklch(0.806 0.036 96.4)
Renk dönüşümleri
- HEX
- #c6c0a6
- RGB
- rgb(198 192 166)
- HSL
- hsl(49 22% 71%)
- HWB
- hwb(49 65% 22%)
- OKLCH
- oklch(0.806 0.036 96.4)
- OKLab
- oklab(0.806 -0.004 0.036)
- CIE Lab
- lab(77.68 -1.07 13.96)
- LCH
- lch(77.68 14 94.4)
- CMYK
- cmyk(0% 3% 16% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCC6AF
- D1CCB7
- D7D3C0
- DCD9C9
- E2DFD2
- E8E5DB
- EEECE4
- F3F2ED
- F9F9F6
Koyu tonlar
- ACA790
- 928E7A
- 7A7665
- 625F51
- 4B493E
- 35342B
- 21201A
- 0E0E0A
- 020201
Gri tonlar
- BFB9A2
- B8B39E
- B0AC9B
- A9A697
- A29F93
- 9B998F
- 94938B
- 8E8C88
- 878684
Renk uyumları
Tamamlayıcı +180°
- C6C0A6
Mandu Dumpling
- B9BED7
≈ Hazy Sky
Analog -30° +30°
- C6C0A6
Mandu Dumpling
- D0BCA8
≈ Chinchilla Chenille
- B9C4AB
≈ Healing Retreat
Üçlü +120° +240°
- C6C0A6
Mandu Dumpling
- A6C6CF
≈ Salt Spray
- CFB7C8
≈ Soft Amethyst
Bölünmüş tamamlayıcı +150° +210°
- C6C0A6
Mandu Dumpling
- ADC2D6
≈ Airway
- C5BAD2
≈ Fog Syringa
Dörtlü +90° +180° +270°
- C6C0A6
Mandu Dumpling
- A6C8C3
≈ Peppermint Pie
- B9BED7
≈ Hazy Sky
- D5B6BC
≈ Rose Stain
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.49:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--mandu-dumpling: #c6c0a6;
--mandu-dumpling-rgb: 198 192 166;
--mandu-dumpling-oklch: oklch(0.806 0.036 96.4);
}
.element {
color: var(--mandu-dumpling);
background-color: hsl(49 22% 71%);
border-color: oklch(0.806 0.036 96.4);
}Tailwind CSS v4
@theme {
--color-mandu-dumpling: #c6c0a6;
--color-mandu-dumpling-50: #f8f5ea;
--color-mandu-dumpling-100: #ebe8db;
--color-mandu-dumpling-200: #d8d5c4;
--color-mandu-dumpling-300: #bcb8a3;
--color-mandu-dumpling-400: #a49f87;
--color-mandu-dumpling-500: #8d876b;
--color-mandu-dumpling-600: #77725b;
--color-mandu-dumpling-700: #5f5b49;
--color-mandu-dumpling-800: #464234;
--color-mandu-dumpling-900: #312e24;
--color-mandu-dumpling-950: #1d1b13;
}SCSS
$mandu-dumpling: #c6c0a6;
$mandu-dumpling-rgb: 198, 192, 166;
$mandu-dumpling-light: mix(#fff, $mandu-dumpling, 20%);
$mandu-dumpling-dark: mix(#000, $mandu-dumpling, 20%);
.element {
color: $mandu-dumpling;
box-shadow: 0 0 0 2px rgba($mandu-dumpling, 0.35);
}