Color con nombre · #DA2811
Run Lola Run
Run Lola Run es #DA2811: rgb(218 40 17), hsl(7 86% 46%), oklch(0.573 0.214 30.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Run Lola Run color name →
#DA2811
oklch(0.573 0.214 30.9)
Conversiones de color
- HEX
- #da2811
- RGB
- rgb(218 40 17)
- HSL
- hsl(7 86% 46%)
- HWB
- hwb(7 7% 15%)
- OKLCH
- oklch(0.573 0.214 30.9)
- OKLab
- oklab(0.573 0.184 0.11)
- CIE Lab
- lab(48.45 66.43 57.59)
- LCH
- lch(48.45 87.92 40.9)
- CMYK
- cmyk(0% 82% 92% 15%)
Tintes · Sombras · Tonos
Tintes
- E14833
- E7614C
- ED7763
- F28B7A
- F69F8F
- FAB3A5
- FCC6BC
- FED9D2
- FFECE8
Sombras
- BD210D
- A21B09
- 871506
- 6C0F04
- 540902
- 3C0401
- 250200
- 110100
- 020000
Tonos
- D33A26
- CB4734
- C35140
- BB5A4B
- B36254
- AA695E
- A17067
- 97766F
- 8C7B78
Armonías de color
Complementario +180°
- DA2811
Run Lola Run
- 008899
≈ Atlantic Blue
Análogo -30° +30°
- DA2811
Run Lola Run
- D32271
≈ Pink Peacock
- AF6200
≈ Orange Brown
Triádico +120° +240°
- DA2811
Run Lola Run
- 009145
≈ Jade Sylph
- 4E65F4
≈ Flickering Sea
Complementario dividido +150° +210°
- DA2811
Run Lola Run
- 008C7C
≈ Greenlake
- 0080BF
≈ Honolulu Blue
Tetrádico +90° +180° +270°
- DA2811
Run Lola Run
- 6D8400
≈ Swamp Green
- 008899
≈ Atlantic Blue
- 904CE0
≈ Pericallis Hybrida
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.89:1 · APCA Lc 72
Ag
FailSobre negro
WCAG 4.29:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--run-lola-run: #da2811;
--run-lola-run-rgb: 218 40 17;
--run-lola-run-oklch: oklch(0.573 0.214 30.9);
}
.element {
color: var(--run-lola-run);
background-color: hsl(7 86% 46%);
border-color: oklch(0.573 0.214 30.9);
}Tailwind CSS v4
@theme {
--color-run-lola-run: #da2811;
--color-run-lola-run-50: #ffdfce;
--color-run-lola-run-100: #ffceba;
--color-run-lola-run-200: #ffb198;
--color-run-lola-run-300: #ff896d;
--color-run-lola-run-400: #ff6048;
--color-run-lola-run-500: #f3290e;
--color-run-lola-run-600: #cd2712;
--color-run-lola-run-700: #a5200f;
--color-run-lola-run-800: #7c140e;
--color-run-lola-run-900: #580d09;
--color-run-lola-run-950: #3b0000;
}SCSS
$run-lola-run: #da2811;
$run-lola-run-rgb: 218, 40, 17;
$run-lola-run-light: mix(#fff, $run-lola-run, 20%);
$run-lola-run-dark: mix(#000, $run-lola-run, 20%);
.element {
color: $run-lola-run;
box-shadow: 0 0 0 2px rgba($run-lola-run, 0.35);
}