Cor nomeada · #545554
Carbon Copy
Carbon Copy é #545554: rgb(84 85 84), hsl(120 1% 33%), oklch(0.448 0.002 145.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Carbon Copy color name →
#545554
oklch(0.448 0.002 145.5)
Conversões de cor
- HEX
- #545554
- RGB
- rgb(84 85 84)
- HSL
- hsl(120 1% 33%)
- HWB
- hwb(120 33% 67%)
- OKLCH
- oklch(0.448 0.002 145.5)
- OKLab
- oklab(0.448 -0.002 0.001)
- CIE Lab
- lab(36.03 -0.58 0.44)
- LCH
- lch(36.03 0.72 142.9)
- CMYK
- cmyk(1% 0% 1% 67%)
Tons claros · Sombras · Tons
Tons claros
- 636463
- 737473
- 848484
- 949594
- A5A6A5
- B7B7B7
- C8C9C8
- DADBDA
- ECEDEC
Sombras
- 484948
- 3C3D3C
- 313131
- 262626
- 1B1C1B
- 111111
- 080808
- 020202
- 000000
Tons
- 585958
- 5D5D5D
- 616261
- 656665
- 6A6A6A
- 6E6E6E
- 727372
- 777777
- 7B7C7B
Harmonias de cor
Complementar +180°
- 545554
Carbon Copy
- 555455
≈ Brilliant Liquorice
Análoga -30° +30°
- 545554
Carbon Copy
- 555554
≈ Carbon Copy
- 545555
≈ Stone Cold
Tríade +120° +240°
- 545554
Carbon Copy
- 545556
≈ Stone Cold
- 565454
≈ Stone Cold
Complementar dividida +150° +210°
- 545554
Carbon Copy
- 555456
≈ Fingerprint
- 565455
≈ Stone Cold
Tétrade +90° +180° +270°
- 545554
Carbon Copy
- 545556
≈ Stone Cold
- 555455
≈ Brilliant Liquorice
- 565454
≈ Stone Cold
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.48:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.80:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.48:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--carbon-copy: #545554;
--carbon-copy-rgb: 84 85 84;
--carbon-copy-oklch: oklch(0.448 0.002 145.5);
}
.element {
color: var(--carbon-copy);
background-color: hsl(120 1% 33%);
border-color: oklch(0.448 0.002 145.5);
}Tailwind CSS v4
@theme {
--color-carbon-copy: #545554;
--color-carbon-copy-50: #f5f5f5;
--color-carbon-copy-100: #e7e8e7;
--color-carbon-copy-200: #d3d4d4;
--color-carbon-copy-300: #b7b8b7;
--color-carbon-copy-400: #9e9f9e;
--color-carbon-copy-500: #858685;
--color-carbon-copy-600: #717271;
--color-carbon-copy-700: #5a5b5a;
--color-carbon-copy-800: #424242;
--color-carbon-copy-900: #2d2e2d;
--color-carbon-copy-950: #1a1b1a;
}SCSS
$carbon-copy: #545554;
$carbon-copy-rgb: 84, 85, 84;
$carbon-copy-light: mix(#fff, $carbon-copy, 20%);
$carbon-copy-dark: mix(#000, $carbon-copy, 20%);
.element {
color: $carbon-copy;
box-shadow: 0 0 0 2px rgba($carbon-copy, 0.35);
}