Cor nomeada · #C8CBCD
Porpoise Fin
Porpoise Fin é #C8CBCD: rgb(200 203 205), hsl(204 5% 79%), oklch(0.84 0.004 236.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Porpoise Fin color name →
#C8CBCD
oklch(0.84 0.004 236.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- CDD0D2
- D3D5D7
- D8DADC
- DEE0E1
- E3E5E6
- E9EAEB
- EEEFF0
- F4F4F5
- F9FAFA
Sombras
- AEB0B2
- 949698
- 7B7D7E
- 636566
- 4C4D4E
- 363738
- 212223
- 0F0F0F
- 020202
Tons
- C1C3C5
- B9BCBD
- B2B4B5
- ABACAD
- A3A5A6
- 9C9D9E
- 959696
- 8E8E8F
- 878787
Harmonias de cor
Complementar +180°
- C8CBCD
Porpoise Fin
- CDCAC8
≈ Serious Grey
Análoga -30° +30°
- C8CBCD
Porpoise Fin
- C7CBCC
≈ Porpoise Fin
- C9CACD
≈ Urban Grey
Tríade +120° +240°
- C8CBCD
Porpoise Fin
- CDC9CB
≈ Mercury Glass
- CACBC8
≈ Morning Lake
Complementar dividida +150° +210°
- C8CBCD
Porpoise Fin
- CDC9C9
≈ Mercury Glass
- CCCAC7
≈ Grey Cloth
Tétrade +90° +180° +270°
- C8CBCD
Porpoise Fin
- CCCACC
≈ Cerebellum Grey
- CDCAC8
≈ Serious Grey
- C9CBC9
≈ Burnished Metal
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASobre preto
WCAG 12.87:1 · APCA Lc 75
Melhor cor de texto: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Trechos de código
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);
}