Color con nombre · #C4091E
Rossini Red
Rossini Red es #C4091E: rgb(196 9 30), hsl(353 91% 40%), oklch(0.519 0.207 25.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Rossini Red color name →
#C4091E
oklch(0.519 0.207 25.7)
Conversiones de color
- HEX
- #c4091e
- RGB
- rgb(196 9 30)
- HSL
- hsl(353 91% 40%)
- HWB
- hwb(353 4% 23%)
- OKLCH
- oklch(0.519 0.207 25.7)
- OKLab
- oklab(0.519 0.187 0.09)
- CIE Lab
- lab(42.09 65.71 45.08)
- LCH
- lch(42.09 79.69 34.5)
- CMYK
- cmyk(0% 95% 85% 23%)
Tintes · Sombras · Tonos
Tintes
- CD3837
- D6544E
- DE6B64
- E58179
- EC978F
- F1ACA5
- F6C1BB
- FAD5D1
- FDEAE8
Sombras
- AA0719
- 910513
- 78030E
- 610209
- 4A0105
- 350103
- 210001
- 0E0000
- 020000
Tonos
- BF292B
- BA3937
- B54641
- AF514B
- A95A54
- A2635D
- 9B6B66
- 93726F
- 8A7977
Armonías de color
Complementario +180°
- C4091E
Rossini Red
- 007781
≈ Hypnotic Sea
Análogo -30° +30°
- C4091E
Rossini Red
- BA0D6D
≈ Aztec Warrior
- 9E5100
≈ Fresh Cinnamon
Triádico +120° +240°
- C4091E
Rossini Red
- 007F24
≈ Azure Radiance
- 2E59DD
≈ Chun-Li Blue
Complementario dividido +150° +210°
- C4091E
Rossini Red
- 007A66
≈ Ultramarine Green
- 00719F
≈ Cat’s Purr
Tetrádico +90° +180° +270°
- C4091E
Rossini Red
- 667000
≈ Brownish Green
- 007781
≈ Hypnotic Sea
- 7741CF
≈ Purple Rain
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.16:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.40:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--rossini-red: #c4091e;
--rossini-red-rgb: 196 9 30;
--rossini-red-oklch: oklch(0.519 0.207 25.7);
}
.element {
color: var(--rossini-red);
background-color: hsl(353 91% 40%);
border-color: oklch(0.519 0.207 25.7);
}Tailwind CSS v4
@theme {
--color-rossini-red: #c4091e;
--color-rossini-red-50: #ffdfd5;
--color-rossini-red-100: #ffcec2;
--color-rossini-red-200: #ffb1a3;
--color-rossini-red-300: #ff897b;
--color-rossini-red-400: #ff615b;
--color-rossini-red-500: #f12d34;
--color-rossini-red-600: #cb2a2e;
--color-rossini-red-700: #a42224;
--color-rossini-red-800: #7a161c;
--color-rossini-red-900: #570e12;
--color-rossini-red-950: #3a0005;
}SCSS
$rossini-red: #c4091e;
$rossini-red-rgb: 196, 9, 30;
$rossini-red-light: mix(#fff, $rossini-red, 20%);
$rossini-red-dark: mix(#000, $rossini-red, 20%);
.element {
color: $rossini-red;
box-shadow: 0 0 0 2px rgba($rossini-red, 0.35);
}