Color con nombre más cercano · #C62317
#C62317
Color con nombre más cercano: Minestrone
#C62317 (rgb(198 35 23), hsl(4 79% 43%), oklch(0.534 0.199 29.6)) se parece más al color con nombre Minestrone. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C62317
oklch(0.534 0.199 29.6)
Conversiones de color
- HEX
- #c62317
- RGB
- rgb(198 35 23)
- HSL
- hsl(4 79% 43%)
- HWB
- hwb(4 9% 22%)
- OKLCH
- oklch(0.534 0.199 29.6)
- OKLab
- oklab(0.534 0.173 0.098)
- CIE Lab
- lab(43.98 61.98 50.11)
- LCH
- lch(43.98 79.7 39)
- CMYK
- cmyk(0% 82% 88% 22%)
Tintes · Sombras · Tonos
Tintes
- CF4334
- D75C4C
- DF7262
- E68778
- EC9B8E
- F1AFA4
- F6C3BA
- FAD7D1
- FDEBE8
Sombras
- AC1D12
- 92170E
- 7A110A
- 620C06
- 4B0704
- 350402
- 210101
- 0E0000
- 020000
Tonos
- C13528
- BB4234
- B64D3F
- B0564A
- A95F53
- A2665D
- 9B6D66
- 93746F
- 8A7A77
Armonías de color
Complementario +180°
- C62317
Minestrone
- 007B8A
≈ Biscay Bay
Análogo -30° +30°
- C62317
Minestrone
- BF1F69
≈ Chaotic Roses
- A05800
≈ Sepia Wash
Triádico +120° +240°
- C62317
Minestrone
- 008339
≈ Warpstone Glow
- 425CDE
≈ Warm Blue
Complementario dividido +150° +210°
- C62317
Minestrone
- 007F6F
≈ Blue Green
- 0074AB
≈ Reef Escape
Tetrádico +90° +180° +270°
- C62317
Minestrone
- 657600
≈ Topiary Green
- 007B8A
≈ Biscay Bay
- 8046CC
≈ Purple Rain
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.74:1 · APCA Lc 77
Ag
FailSobre negro
WCAG 3.65:1 · APCA Lc 25
Mejor color de texto: #FFFFFF
WCAG 5.74:1 (AA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--minestrone: #c62317;
--minestrone-rgb: 198 35 23;
--minestrone-oklch: oklch(0.534 0.199 29.6);
}
.element {
color: var(--minestrone);
background-color: hsl(4 79% 43%);
border-color: oklch(0.534 0.199 29.6);
}Tailwind CSS v4
@theme {
--color-minestrone: #c62317;
--color-minestrone-50: #ffe1d2;
--color-minestrone-100: #ffd0bf;
--color-minestrone-200: #ffb49f;
--color-minestrone-300: #ff8d76;
--color-minestrone-400: #fe6654;
--color-minestrone-500: #ed3829;
--color-minestrone-600: #c83225;
--color-minestrone-700: #a1281d;
--color-minestrone-800: #781a17;
--color-minestrone-900: #55120e;
--color-minestrone-950: #390203;
}SCSS
$minestrone: #c62317;
$minestrone-rgb: 198, 35, 23;
$minestrone-light: mix(#fff, $minestrone, 20%);
$minestrone-dark: mix(#000, $minestrone, 20%);
.element {
color: $minestrone;
box-shadow: 0 0 0 2px rgba($minestrone, 0.35);
}