Color con nombre · #FF0303
Left on Red
Left on Red es #FF0303: rgb(255 3 3), hsl(0 100% 51%), oklch(0.629 0.257 29.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Left on Red color name →
#FF0303
oklch(0.629 0.257 29.2)
Conversiones de color
- HEX
- #ff0303
- RGB
- rgb(255 3 3)
- HSL
- hsl(0 100% 51%)
- HWB
- hwb(0 1% 0%)
- OKLCH
- oklch(0.629 0.257 29.2)
- OKLab
- oklab(0.629 0.224 0.125)
- CIE Lab
- lab(54.37 80.62 69.13)
- LCH
- lch(54.37 106.2 40.6)
- CMYK
- cmyk(0% 99% 99% 0%)
Tintes · Sombras · Tonos
Tintes
- FF4132
- FF5F4D
- FF7765
- FF8D7C
- FFA192
- FFB5A7
- FFC8BD
- FFDAD3
- FFEDE9
Sombras
- DE0202
- BE0202
- 9E0101
- 800101
- 630000
- 480000
- 2E0000
- 160000
- 030000
Tonos
- F42F23
- E94234
- DD5041
- D25A4C
- C66356
- B96B5F
- AC7168
- 9F7770
- 907C78
Armonías de color
Complementario +180°
- FF0303
Left on Red
- 009AAC
≈ Aquarium Diver
Análogo -30° +30°
- FF0303
Left on Red
- F50085
≈ Fabulous Fuchsia
- C86E00
≈ Sludge
Triádico +120° +240°
- FF0303
Left on Red
- 00A447
≈ Green Pigment
- 597BFF
≈ C64 NTSC
Complementario dividido +150° +210°
- FF0303
Left on Red
- 009F8A
≈ Flamboyant Teal
- 0092D4
≈ Sea of Crete
Tetrádico +90° +180° +270°
- FF0303
Left on Red
- 7F9400
≈ Mossy Woods
- 009AAC
≈ Aquarium Diver
- A059FF
≈ Irrigo Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.98:1 · APCA Lc 64
Ag
AASobre negro
WCAG 5.26:1 · APCA Lc 38
Mejor color de texto: #000000
WCAG 5.26:1 (AA) · APCA Lc 38
Contrast pairs
Fragmentos de código
CSS
:root {
--left-on-red: #ff0303;
--left-on-red-rgb: 255 3 3;
--left-on-red-oklch: oklch(0.629 0.257 29.2);
}
.element {
color: var(--left-on-red);
background-color: hsl(0 100% 51%);
border-color: oklch(0.629 0.257 29.2);
}Tailwind CSS v4
@theme {
--color-left-on-red: #ff0303;
--color-left-on-red-50: #ffdac8;
--color-left-on-red-100: #ffc7b3;
--color-left-on-red-200: #ffa78f;
--color-left-on-red-300: #ff7a5f;
--color-left-on-red-400: #ff4536;
--color-left-on-red-500: #ff0000;
--color-left-on-red-600: #dd0000;
--color-left-on-red-700: #b20000;
--color-left-on-red-800: #850000;
--color-left-on-red-900: #5f0001;
--color-left-on-red-950: #400000;
}SCSS
$left-on-red: #ff0303;
$left-on-red-rgb: 255, 3, 3;
$left-on-red-light: mix(#fff, $left-on-red, 20%);
$left-on-red-dark: mix(#000, $left-on-red, 20%);
.element {
color: $left-on-red;
box-shadow: 0 0 0 2px rgba($left-on-red, 0.35);
}