Color con nombre · #F10C45
Pinkish Red
Pinkish Red es #F10C45: rgb(241 12 69), hsl(345 91% 50%), oklch(0.609 0.241 18.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Pinkish Red color name →
#F10C45
oklch(0.609 0.241 18.9)
Conversiones de color
- HEX
- #f10c45
- RGB
- rgb(241 12 69)
- HSL
- hsl(345 91% 50%)
- HWB
- hwb(345 5% 5%)
- OKLCH
- oklch(0.609 0.241 18.9)
- OKLab
- oklab(0.609 0.228 0.078)
- CIE Lab
- lab(52.06 77.51 36.2)
- LCH
- lch(52.06 85.55 25)
- CMYK
- cmyk(0% 95% 71% 5%)
Tintes · Sombras · Tonos
Tintes
- F64058
- FB5C6A
- FE747C
- FF8A8E
- FF9FA0
- FFB2B3
- FFC6C6
- FFD9D9
- FFECEC
Sombras
- D2093B
- B30631
- 950427
- 79031E
- 5D0215
- 43010C
- 2B0005
- 140002
- 030000
Tonos
- E72F4C
- DE4152
- D44E59
- C9585F
- BF6165
- B4696A
- A86F70
- 9C7675
- 8E7B7B
Armonías de color
Complementario +180°
- F10C45
Pinkish Red
- 00959A
≈ Peacock Feather
Análogo -30° +30°
- F10C45
Pinkish Red
- E11F99
≈ Myoga Purple
- CD5E00
≈ Rusty Orange
Triádico +120° +240°
- F10C45
Pinkish Red
- 389C00
≈ Grassy Green
- 207BFF
≈ Clear Blue
Complementario dividido +150° +210°
- F10C45
Pinkish Red
- 009A76
≈ Jardinière
- 008FBC
≈ Hawaiian Surf
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.30:1 · APCA Lc 67
Ag
AASobre negro
WCAG 4.87:1 · APCA Lc 35
Mejor color de texto: #000000
WCAG 4.87:1 (AA) · APCA Lc 35
Contrast pairs
Fragmentos de código
CSS
:root {
--pinkish-red: #f10c45;
--pinkish-red-rgb: 241 12 69;
--pinkish-red-oklch: oklch(0.609 0.241 18.9);
}
.element {
color: var(--pinkish-red);
background-color: hsl(345 91% 50%);
border-color: oklch(0.609 0.241 18.9);
}Tailwind CSS v4
@theme {
--color-pinkish-red: #f10c45;
--color-pinkish-red-50: #ffdad7;
--color-pinkish-red-100: #ffc7c5;
--color-pinkish-red-200: #ffa8a7;
--color-pinkish-red-300: #ff7c81;
--color-pinkish-red-400: #ff4c63;
--color-pinkish-red-500: #fe0041;
--color-pinkish-red-600: #d70038;
--color-pinkish-red-700: #ad002c;
--color-pinkish-red-800: #810022;
--color-pinkish-red-900: #5c0017;
--color-pinkish-red-950: #3e0008;
}SCSS
$pinkish-red: #f10c45;
$pinkish-red-rgb: 241, 12, 69;
$pinkish-red-light: mix(#fff, $pinkish-red, 20%);
$pinkish-red-dark: mix(#000, $pinkish-red, 20%);
.element {
color: $pinkish-red;
box-shadow: 0 0 0 2px rgba($pinkish-red, 0.35);
}