Couleur nommée · #545554
Carbon Copy
Carbon Copy correspond à #545554 : rgb(84 85 84), hsl(120 1% 33%), oklch(0.448 0.002 145.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Carbon Copy color name →
#545554
oklch(0.448 0.002 145.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 636463
- 737473
- 848484
- 949594
- A5A6A5
- B7B7B7
- C8C9C8
- DADBDA
- ECEDEC
Ombres
- 484948
- 3C3D3C
- 313131
- 262626
- 1B1C1B
- 111111
- 080808
- 020202
- 000000
Tons
- 585958
- 5D5D5D
- 616261
- 656665
- 6A6A6A
- 6E6E6E
- 727372
- 777777
- 7B7C7B
Harmonies de couleurs
Complémentaire +180°
- 545554
Carbon Copy
- 555455
≈ Brilliant Liquorice
Analogue -30° +30°
- 545554
Carbon Copy
- 555554
≈ Carbon Copy
- 545555
≈ Stone Cold
Triadique +120° +240°
- 545554
Carbon Copy
- 545556
≈ Stone Cold
- 565454
≈ Stone Cold
Complémentaire divisée +150° +210°
- 545554
Carbon Copy
- 555456
≈ Fingerprint
- 565455
≈ Stone Cold
Tétradique +90° +180° +270°
- 545554
Carbon Copy
- 545556
≈ Stone Cold
- 555455
≈ Brilliant Liquorice
- 565454
≈ Stone Cold
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.48:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.80:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.48:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
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);
}