Màu có tên · #C8CBCD
Porpoise Fin
Porpoise Fin là #C8CBCD: rgb(200 203 205), hsl(204 5% 79%), oklch(0.84 0.004 236.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Porpoise Fin color name →
#C8CBCD
oklch(0.84 0.004 236.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CDD0D2
- D3D5D7
- D8DADC
- DEE0E1
- E3E5E6
- E9EAEB
- EEEFF0
- F4F4F5
- F9FAFA
Sắc đậm
- AEB0B2
- 949698
- 7B7D7E
- 636566
- 4C4D4E
- 363738
- 212223
- 0F0F0F
- 020202
Sắc xám
- C1C3C5
- B9BCBD
- B2B4B5
- ABACAD
- A3A5A6
- 9C9D9E
- 959696
- 8E8E8F
- 878787
Hòa sắc
Bổ túc +180°
- C8CBCD
Porpoise Fin
- CDCAC8
≈ Serious Grey
Tương đồng -30° +30°
- C8CBCD
Porpoise Fin
- C7CBCC
≈ Porpoise Fin
- C9CACD
≈ Urban Grey
Bộ ba +120° +240°
- C8CBCD
Porpoise Fin
- CDC9CB
≈ Mercury Glass
- CACBC8
≈ Morning Lake
Bổ túc chia +150° +210°
- C8CBCD
Porpoise Fin
- CDC9C9
≈ Mercury Glass
- CCCAC7
≈ Grey Cloth
Bộ bốn +90° +180° +270°
- C8CBCD
Porpoise Fin
- CCCACC
≈ Cerebellum Grey
- CDCAC8
≈ Serious Grey
- C9CBC9
≈ Burnished Metal
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.63:1 · APCA Lc 28
Ag
AAATrên nền đen
WCAG 12.87:1 · APCA Lc 75
Màu chữ tốt nhất: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Đoạn mã
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);
}