Adlandırılmış renk · #C2C6C0
Engagement Silver
Engagement Silver, #C2C6C0: rgb(194 198 192), hsl(100 5% 76%), oklch(0.822 0.009 134.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Engagement Silver color name →
#C2C6C0
oklch(0.822 0.009 134.9)
Renk dönüşümleri
- HEX
- #c2c6c0
- RGB
- rgb(194 198 192)
- HSL
- hsl(100 5% 76%)
- HWB
- hwb(100 75% 22%)
- OKLCH
- oklch(0.822 0.009 134.9)
- OKLab
- oklab(0.822 -0.007 0.007)
- CIE Lab
- lab(79.43 -2.25 2.51)
- LCH
- lch(79.43 3.37 131.9)
- CMYK
- cmyk(2% 0% 3% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C8CCC6
- CED1CC
- D4D7D3
- DADCD9
- E0E2DF
- E6E8E5
- ECEEEC
- F3F3F2
- F9F9F9
Koyu tonlar
- A8ACA7
- 8F928E
- 777A76
- 60625F
- 494B49
- 343534
- 202120
- 0E0E0E
- 020202
Gri tonlar
- BBBFB9
- B4B8B3
- AEB0AC
- A7A9A6
- A0A29F
- 9A9B99
- 939493
- 8D8E8C
- 868786
Renk uyumları
Tamamlayıcı +180°
- C2C6C0
Engagement Silver
- C7C3C9
≈ Haze
Analog -30° +30°
- C2C6C0
Engagement Silver
- C5C5BE
≈ Notre Dame
- BFC7C3
≈ Sonnet Grey
Üçlü +120° +240°
- C2C6C0
Engagement Silver
- C1C5CB
≈ Flat Aluminium
- CBC2C3
≈ Sun Painter
Bölünmüş tamamlayıcı +150° +210°
- C2C6C0
Engagement Silver
- C4C4CB
≈ Flat Aluminium
- C9C2C6
≈ Haze
Dörtlü +90° +180° +270°
- C2C6C0
Engagement Silver
- BFC6C9
≈ Gris Náutico
- C7C3C9
≈ Haze
- CAC3C0
≈ In the Shadows
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.13:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.13:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--engagement-silver: #c2c6c0;
--engagement-silver-rgb: 194 198 192;
--engagement-silver-oklch: oklch(0.822 0.009 134.9);
}
.element {
color: var(--engagement-silver);
background-color: hsl(100 5% 76%);
border-color: oklch(0.822 0.009 134.9);
}Tailwind CSS v4
@theme {
--color-engagement-silver: #c2c6c0;
--color-engagement-silver-50: #f4f6f3;
--color-engagement-silver-100: #e6e9e5;
--color-engagement-silver-200: #d2d5d1;
--color-engagement-silver-300: #b5b8b4;
--color-engagement-silver-400: #9ca09a;
--color-engagement-silver-500: #838881;
--color-engagement-silver-600: #6f736e;
--color-engagement-silver-700: #595c58;
--color-engagement-silver-800: #414340;
--color-engagement-silver-900: #2d2e2c;
--color-engagement-silver-950: #1a1b19;
}SCSS
$engagement-silver: #c2c6c0;
$engagement-silver-rgb: 194, 198, 192;
$engagement-silver-light: mix(#fff, $engagement-silver, 20%);
$engagement-silver-dark: mix(#000, $engagement-silver, 20%);
.element {
color: $engagement-silver;
box-shadow: 0 0 0 2px rgba($engagement-silver, 0.35);
}