لون مسمّى · #C8CBCD
Porpoise Fin
Porpoise Fin هو #C8CBCD: rgb(200 203 205)، hsl(204 5% 79%)، oklch(0.84 0.004 236.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Porpoise Fin color name →
#C8CBCD
oklch(0.84 0.004 236.5)
تحويلات الألوان
- HEX
- #c8cbcd
- RGB
- rgb(200 203 205)
- HSL
- hsl(204 5% 79%)
- HWB
- hwb(204 78% 20%)
- OKLCH
- oklch(0.84 0.004 236.5)
- OKLab
- oklab(0.84 -0.002 -0.004)
- CIE Lab
- lab(81.49 -0.79 -1.38)
- LCH
- lch(81.49 1.59 240.2)
- CMYK
- cmyk(2% 1% 0% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CDD0D2
- D3D5D7
- D8DADC
- DEE0E1
- E3E5E6
- E9EAEB
- EEEFF0
- F4F4F5
- F9FAFA
درجات داكنة
- AEB0B2
- 949698
- 7B7D7E
- 636566
- 4C4D4E
- 363738
- 212223
- 0F0F0F
- 020202
درجات رمادية
- C1C3C5
- B9BCBD
- B2B4B5
- ABACAD
- A3A5A6
- 9C9D9E
- 959696
- 8E8E8F
- 878787
تناسق الألوان
متمم +180°
- C8CBCD
Porpoise Fin
- CDCAC8
≈ Serious Grey
متجاور -30° +30°
- C8CBCD
Porpoise Fin
- C7CBCC
≈ Porpoise Fin
- C9CACD
≈ Urban Grey
ثلاثي +120° +240°
- C8CBCD
Porpoise Fin
- CDC9CB
≈ Mercury Glass
- CACBC8
≈ Morning Lake
متمم منقسم +150° +210°
- C8CBCD
Porpoise Fin
- CDC9C9
≈ Mercury Glass
- CCCAC7
≈ Grey Cloth
رباعي +90° +180° +270°
- C8CBCD
Porpoise Fin
- CCCACC
≈ Cerebellum Grey
- CDCAC8
≈ Serious Grey
- C9CBC9
≈ Burnished Metal
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.63:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.87:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--porpoise-fin: #c8cbcd;
--porpoise-fin-rgb: 200 203 205;
--porpoise-fin-oklch: oklch(0.84 0.004 236.5);
}
.element {
color: var(--porpoise-fin);
background-color: hsl(204 5% 79%);
border-color: oklch(0.84 0.004 236.5);
}Tailwind CSS v4
@theme {
--color-porpoise-fin: #c8cbcd;
--color-porpoise-fin-50: #f4f5f6;
--color-porpoise-fin-100: #e6e8e9;
--color-porpoise-fin-200: #d2d4d6;
--color-porpoise-fin-300: #b5b8b9;
--color-porpoise-fin-400: #9c9fa1;
--color-porpoise-fin-500: #838789;
--color-porpoise-fin-600: #6f7274;
--color-porpoise-fin-700: #595b5c;
--color-porpoise-fin-800: #414344;
--color-porpoise-fin-900: #2d2e2f;
--color-porpoise-fin-950: #1a1b1b;
}SCSS
$porpoise-fin: #c8cbcd;
$porpoise-fin-rgb: 200, 203, 205;
$porpoise-fin-light: mix(#fff, $porpoise-fin, 20%);
$porpoise-fin-dark: mix(#000, $porpoise-fin, 20%);
.element {
color: $porpoise-fin;
box-shadow: 0 0 0 2px rgba($porpoise-fin, 0.35);
}