Color con nombre · #FF004F
Halt Red
Halt Red es #FF004F: rgb(255 0 79), hsl(341 100% 50%), oklch(0.634 0.254 17.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Halt Red color name →
#FF004F
oklch(0.634 0.254 17.1)
Conversiones de color
- HEX
- #ff004f
- RGB
- rgb(255 0 79)
- HSL
- hsl(341 100% 50%)
- HWB
- hwb(341 0% 0%)
- OKLCH
- oklch(0.634 0.254 17.1)
- OKLab
- oklab(0.634 0.243 0.075)
- CIE Lab
- lab(54.79 81.92 34.27)
- LCH
- lch(54.79 88.8 22.7)
- CMYK
- cmyk(0% 100% 69% 0%)
Tintes · Sombras · Tonos
Tintes
- FF4060
- FF5D72
- FF7683
- FF8C94
- FFA0A5
- FFB4B7
- FFC7C9
- FFDADB
- FFEDED
Sombras
- DE0044
- BE0038
- 9E002E
- 800023
- 630019
- 480010
- 2E0007
- 160002
- 030000
Tonos
- F42E55
- E9415A
- DD4F5F
- D25964
- C66269
- B96A6E
- AC7073
- 9F7677
- 907B7C
Armonías de color
Complementario +180°
- FF004F
Halt Red
- 009EA1
≈ Pleasant Stream
Análogo -30° +30°
- FF004F
Halt Red
- EC1FA7
≈ Magnificent Magenta
- DC6000
≈ Ancient Bamboo
Triádico +120° +240°
- FF004F
Halt Red
- 48A300
≈ Lawn Green
- 2A87FF
≈ Pool Water
Complementario dividido +150° +210°
- FF004F
Halt Red
- 00A37A
≈ Sport Green
- 0098C4
≈ Atomic Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.91:1 · APCA Lc 64
Ag
AASobre negro
WCAG 5.36:1 · APCA Lc 38
Mejor color de texto: #000000
WCAG 5.36:1 (AA) · APCA Lc 38
Contrast pairs
Fragmentos de código
CSS
:root {
--halt-red: #ff004f;
--halt-red-rgb: 255 0 79;
--halt-red-oklch: oklch(0.634 0.254 17.1);
}
.element {
color: var(--halt-red);
background-color: hsl(341 100% 50%);
border-color: oklch(0.634 0.254 17.1);
}Tailwind CSS v4
@theme {
--color-halt-red: #ff004f;
--color-halt-red-50: #ffd8d8;
--color-halt-red-100: #ffc5c6;
--color-halt-red-200: #ffa4a9;
--color-halt-red-300: #ff7782;
--color-halt-red-400: #ff4266;
--color-halt-red-500: #ff0044;
--color-halt-red-600: #db003a;
--color-halt-red-700: #b0002e;
--color-halt-red-800: #840024;
--color-halt-red-900: #5d0018;
--color-halt-red-950: #3f0009;
}SCSS
$halt-red: #ff004f;
$halt-red-rgb: 255, 0, 79;
$halt-red-light: mix(#fff, $halt-red, 20%);
$halt-red-dark: mix(#000, $halt-red, 20%);
.element {
color: $halt-red;
box-shadow: 0 0 0 2px rgba($halt-red, 0.35);
}