Cor nomeada · #636365
Digital
Digital é #636365: rgb(99 99 101), hsl(240 1% 39%), oklch(0.5 0.003 286.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Digital color name →
#636365
oklch(0.5 0.003 286.3)
Conversões de cor
- HEX
- #636365
- RGB
- rgb(99 99 101)
- HSL
- hsl(240 1% 39%)
- HWB
- hwb(240 39% 60%)
- OKLCH
- oklch(0.5 0.003 286.3)
- OKLab
- oklab(0.5 0.001 -0.003)
- CIE Lab
- lab(42.02 0.31 -1.14)
- LCH
- lch(42.02 1.18 285.4)
- CMYK
- cmyk(2% 2% 0% 60%)
Tons claros · Sombras · Tons
Tons claros
- 717173
- 808082
- 8F8F90
- 9E9E9F
- AEAEAF
- BDBDBE
- CECECE
- DEDEDE
- EEEEEF
Sombras
- 555557
- 474749
- 3A3A3C
- 2E2E2F
- 212122
- 161617
- 0B0B0C
- 030303
- 000000
Tons
- 666668
- 69696A
- 6C6C6D
- 6E6E70
- 717172
- 747475
- 777778
- 7A7A7B
- 7D7D7D
Harmonias de cor
Complementar +180°
- 636365
Digital
- 636361
≈ Grizzle Grey
Análoga -30° +30°
- 636365
Digital
- 626365
≈ Digital
- 646364
≈ Digital
Tríade +120° +240°
- 636365
Digital
- 656362
≈ Hard Coal
- 626463
≈ Roycroft Pewter
Complementar dividida +150° +210°
- 636365
Digital
- 646361
≈ Hard Coal
- 626462
≈ Grizzle Grey
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.99:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.50:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--digital: #636365;
--digital-rgb: 99 99 101;
--digital-oklch: oklch(0.5 0.003 286.3);
}
.element {
color: var(--digital);
background-color: hsl(240 1% 39%);
border-color: oklch(0.5 0.003 286.3);
}Tailwind CSS v4
@theme {
--color-digital: #636365;
--color-digital-50: #f5f5f6;
--color-digital-100: #e8e8e9;
--color-digital-200: #d4d4d5;
--color-digital-300: #b7b7b9;
--color-digital-400: #9e9ea0;
--color-digital-500: #868688;
--color-digital-600: #717173;
--color-digital-700: #5b5b5c;
--color-digital-800: #424243;
--color-digital-900: #2e2e2f;
--color-digital-950: #1a1a1b;
}SCSS
$digital: #636365;
$digital-rgb: 99, 99, 101;
$digital-light: mix(#fff, $digital, 20%);
$digital-dark: mix(#000, $digital, 20%);
.element {
color: $digital;
box-shadow: 0 0 0 2px rgba($digital, 0.35);
}