لون مسمّى · #C8C2C0
White Flag
White Flag هو #C8C2C0: rgb(200 194 192)، hsl(15 7% 77%)، oklch(0.818 0.007 39.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · White Flag color name →
#C8C2C0
oklch(0.818 0.007 39.5)
تحويلات الألوان
- HEX
- #c8c2c0
- RGB
- rgb(200 194 192)
- HSL
- hsl(15 7% 77%)
- HWB
- hwb(15 75% 22%)
- OKLCH
- oklch(0.818 0.007 39.5)
- OKLab
- oklab(0.818 0.006 0.005)
- CIE Lab
- lab(78.88 1.9 1.79)
- LCH
- lch(78.88 2.61 43.3)
- CMYK
- cmyk(0% 3% 4% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CDC8C6
- D3CECC
- D8D4D3
- DEDAD9
- E3E0DF
- E9E6E5
- EEECEC
- F4F3F2
- F9F9F9
درجات داكنة
- AEA8A7
- 948F8E
- 7B7776
- 63605F
- 4C4949
- 363434
- 212020
- 0F0E0E
- 020202
درجات رمادية
- C1BBB9
- B9B4B3
- B2AEAC
- ABA7A6
- A3A09F
- 9C9A99
- 959393
- 8E8D8C
- 878686
تناسق الألوان
متمم +180°
- C8C2C0
White Flag
- BFC5C7
≈ Galactic Tint
متجاور -30° +30°
- C8C2C0
White Flag
- C8C2C2
≈ White Flag
- C7C3BF
≈ Overdue Grey
ثلاثي +120° +240°
- C8C2C0
White Flag
- C0C5C2
≈ Pewter Tray
- C2C3C8
≈ Pico Metal
متمم منقسم +150° +210°
- C8C2C0
White Flag
- BFC5C4
≈ Galactic Tint
- C0C4C8
≈ Bottlefly Wings
رباعي +90° +180° +270°
- C8C2C0
White Flag
- C2C4C0
≈ Grey Nickel
- BFC5C7
≈ Galactic Tint
- C5C2C7
≈ Such Melodrama
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.75:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.93:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--white-flag: #c8c2c0;
--white-flag-rgb: 200 194 192;
--white-flag-oklch: oklch(0.818 0.007 39.5);
}
.element {
color: var(--white-flag);
background-color: hsl(15 7% 77%);
border-color: oklch(0.818 0.007 39.5);
}Tailwind CSS v4
@theme {
--color-white-flag: #c8c2c0;
--color-white-flag-50: #f7f4f3;
--color-white-flag-100: #eae7e6;
--color-white-flag-200: #d7d3d2;
--color-white-flag-300: #bbb6b4;
--color-white-flag-400: #a29d9b;
--color-white-flag-500: #8b8583;
--color-white-flag-600: #75706e;
--color-white-flag-700: #5e5a58;
--color-white-flag-800: #454141;
--color-white-flag-900: #302d2c;
--color-white-flag-950: #1c1a1a;
}SCSS
$white-flag: #c8c2c0;
$white-flag-rgb: 200, 194, 192;
$white-flag-light: mix(#fff, $white-flag, 20%);
$white-flag-dark: mix(#000, $white-flag, 20%);
.element {
color: $white-flag;
box-shadow: 0 0 0 2px rgba($white-flag, 0.35);
}