Color con nombre · #635C53
Boycott
Boycott es #635C53: rgb(99 92 83), hsl(34 9% 36%), oklch(0.479 0.017 74.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Boycott color name →
#635C53
oklch(0.479 0.017 74.3)
Conversiones de color
- HEX
- #635c53
- RGB
- rgb(99 92 83)
- HSL
- hsl(34 9% 36%)
- HWB
- hwb(34 33% 61%)
- OKLCH
- oklch(0.479 0.017 74.3)
- OKLab
- oklab(0.479 0.005 0.016)
- CIE Lab
- lab(39.53 1.64 6.27)
- LCH
- lch(39.53 6.48 75.3)
- CMYK
- cmyk(0% 7% 16% 61%)
Tintes · Sombras · Tonos
Tintes
- 716B63
- 807A73
- 8F8A83
- 9E9A94
- AEAAA5
- BEBAB6
- CECBC8
- DEDCDA
- EEEDEC
Sombras
- 554F47
- 47423B
- 3A3630
- 2E2A25
- 211F1B
- 161411
- 0B0A08
- 030302
- 000000
Tonos
- 666057
- 69635C
- 6C6760
- 6E6A65
- 716E69
- 74716E
- 777572
- 7A7977
- 7D7C7B
Armonías de color
Complementario +180°
- 635C53
Boycott
- 575E67
≈ Blue Sabre
Análogo -30° +30°
- 635C53
Boycott
- 665A56
≈ Wood Acres
- 5E5E53
≈ Hayden Valley
Triádico +120° +240°
- 635C53
Boycott
- 536060
≈ Calcite Grey Green
- 615B64
≈ Slate Mauve
Complementario dividido +150° +210°
- 635C53
Boycott
- 545F64
≈ Mysterious
- 5C5C67
≈ Legacy
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.59:1 · APCA Lc 83
Ag
FailSobre negro
WCAG 3.18:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--boycott: #635c53;
--boycott-rgb: 99 92 83;
--boycott-oklch: oklch(0.479 0.017 74.3);
}
.element {
color: var(--boycott);
background-color: hsl(34 9% 36%);
border-color: oklch(0.479 0.017 74.3);
}Tailwind CSS v4
@theme {
--color-boycott: #635c53;
--color-boycott-50: #f8f5f0;
--color-boycott-100: #ebe7e2;
--color-boycott-200: #d8d3cc;
--color-boycott-300: #bcb6ae;
--color-boycott-400: #a49d94;
--color-boycott-500: #8d857a;
--color-boycott-600: #777068;
--color-boycott-700: #5f5a53;
--color-boycott-800: #46423c;
--color-boycott-900: #302d29;
--color-boycott-950: #1d1a17;
}SCSS
$boycott: #635c53;
$boycott-rgb: 99, 92, 83;
$boycott-light: mix(#fff, $boycott, 20%);
$boycott-dark: mix(#000, $boycott, 20%);
.element {
color: $boycott;
box-shadow: 0 0 0 2px rgba($boycott, 0.35);
}