命名颜色 · #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);
}