Color con nombre · #C2191F
Evil Sunz Scarlet
Evil Sunz Scarlet es #C2191F: rgb(194 25 31), hsl(358 77% 43%), oklch(0.521 0.2 26.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Evil Sunz Scarlet color name →
#C2191F
oklch(0.521 0.2 26.7)
Conversiones de color
- HEX
- #c2191f
- RGB
- rgb(194 25 31)
- HSL
- hsl(358 77% 43%)
- HWB
- hwb(358 10% 24%)
- OKLCH
- oklch(0.521 0.2 26.7)
- OKLab
- oklab(0.521 0.179 0.09)
- CIE Lab
- lab(42.43 63.05 44.62)
- LCH
- lch(42.43 77.24 35.3)
- CMYK
- cmyk(0% 87% 84% 24%)
Tintes · Sombras · Tonos
Tintes
- CB3D38
- D4574F
- DC6E64
- E3837A
- EA988F
- F0ADA5
- F5C2BB
- F9D6D1
- FCEAE8
Sombras
- A81419
- 8F1014
- 770B0F
- 60070A
- 490406
- 340203
- 200101
- 0E0000
- 020000
Tonos
- BD2F2C
- B83D37
- B34942
- AD534B
- A75C55
- A1645D
- 9A6C66
- 92736F
- 897A77
Armonías de color
Complementario +180°
- C2191F
Evil Sunz Scarlet
- 007783
≈ Hypnotic Sea
Análogo -30° +30°
- C2191F
Evil Sunz Scarlet
- B9196B
≈ Spiced Purple
- 9E5200
≈ Fresh Cinnamon
Triádico +120° +240°
- C2191F
Evil Sunz Scarlet
- 00802A
≈ Azure Radiance
- 355ADA
≈ Bnei Brak Bay
Complementario dividido +150° +210°
- C2191F
Evil Sunz Scarlet
- 007B68
≈ Ultramarine Green
- 0071A2
≈ Cat’s Purr
Tetrádico +90° +180° +270°
- C2191F
Evil Sunz Scarlet
- 657100
≈ Brownish Green
- 007783
≈ Hypnotic Sea
- 7843CC
≈ Purple Rain
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.08:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.45:1 · APCA Lc 23
Mejor color de texto: #FFFFFF
WCAG 6.08:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--evil-sunz-scarlet: #c2191f;
--evil-sunz-scarlet-rgb: 194 25 31;
--evil-sunz-scarlet-oklch: oklch(0.521 0.2 26.7);
}
.element {
color: var(--evil-sunz-scarlet);
background-color: hsl(358 77% 43%);
border-color: oklch(0.521 0.2 26.7);
}Tailwind CSS v4
@theme {
--color-evil-sunz-scarlet: #c2191f;
--color-evil-sunz-scarlet-50: #ffe0d5;
--color-evil-sunz-scarlet-100: #ffcfc2;
--color-evil-sunz-scarlet-200: #ffb3a3;
--color-evil-sunz-scarlet-300: #ff8c7b;
--color-evil-sunz-scarlet-400: #ff645b;
--color-evil-sunz-scarlet-500: #ee3534;
--color-evil-sunz-scarlet-600: #c9302e;
--color-evil-sunz-scarlet-700: #a12624;
--color-evil-sunz-scarlet-800: #79191c;
--color-evil-sunz-scarlet-900: #551112;
--color-evil-sunz-scarlet-950: #390205;
}SCSS
$evil-sunz-scarlet: #c2191f;
$evil-sunz-scarlet-rgb: 194, 25, 31;
$evil-sunz-scarlet-light: mix(#fff, $evil-sunz-scarlet, 20%);
$evil-sunz-scarlet-dark: mix(#000, $evil-sunz-scarlet, 20%);
.element {
color: $evil-sunz-scarlet;
box-shadow: 0 0 0 2px rgba($evil-sunz-scarlet, 0.35);
}