Color con nombre · #EC4872
Radishical
Radishical es #EC4872: rgb(236 72 114), hsl(345 81% 60%), oklch(0.644 0.201 9.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Radishical color name →
#EC4872
oklch(0.644 0.201 9.7)
Conversiones de color
- HEX
- #ec4872
- RGB
- rgb(236 72 114)
- HSL
- hsl(345 81% 60%)
- HWB
- hwb(345 28% 7%)
- OKLCH
- oklch(0.644 0.201 9.7)
- OKLab
- oklab(0.644 0.198 0.034)
- CIE Lab
- lab(56.42 65.31 14.63)
- LCH
- lch(56.42 66.92 12.6)
- CMYK
- cmyk(0% 69% 52% 7%)
Tintes · Sombras · Tonos
Tintes
- F15F7F
- F5738D
- F9869A
- FC98A8
- FEAAB6
- FFBBC5
- FFCCD3
- FFDDE1
- FFEEF0
Sombras
- CD3D62
- AF3353
- 922944
- 761F36
- 5B1628
- 420D1B
- 29060E
- 130204
- 030001
Tonos
- E25273
- D95A75
- CF6176
- C56778
- BA6C79
- B0717B
- A5757C
- 99797D
- 8D7D7F
Armonías de color
Complementario +180°
- EC4872
Radishical
- 00A39C
≈ Grecian Isle
Análogo -30° +30°
- EC4872
Radishical
- D850B4
≈ Orion
- EC5309
≈ Gold Red
Triádico +120° +240°
- EC4872
Radishical
- 6AA100
≈ Herbal Lift
- 0091F5
≈ Clear Chill
Complementario dividido +150° +210°
- EC4872
Radishical
- 00A86D
≈ Banaue Jade
- 009DBE
≈ Delos Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.66:1 · APCA Lc 63
Ag
AASobre negro
WCAG 5.73:1 · APCA Lc 39
Mejor color de texto: #000000
WCAG 5.73:1 (AA) · APCA Lc 39
Contrast pairs
Fragmentos de código
CSS
:root {
--radishical: #ec4872;
--radishical-rgb: 236 72 114;
--radishical-oklch: oklch(0.644 0.201 9.7);
}
.element {
color: var(--radishical);
background-color: hsl(345 81% 60%);
border-color: oklch(0.644 0.201 9.7);
}Tailwind CSS v4
@theme {
--color-radishical: #ec4872;
--color-radishical-50: #ffdee6;
--color-radishical-100: #ffccd6;
--color-radishical-200: #ffafbe;
--color-radishical-300: #ff889d;
--color-radishical-400: #fc6184;
--color-radishical-500: #eb3068;
--color-radishical-600: #c62b58;
--color-radishical-700: #a02346;
--color-radishical-800: #771735;
--color-radishical-900: #540f24;
--color-radishical-950: #380113;
}SCSS
$radishical: #ec4872;
$radishical-rgb: 236, 72, 114;
$radishical-light: mix(#fff, $radishical, 20%);
$radishical-dark: mix(#000, $radishical, 20%);
.element {
color: $radishical;
box-shadow: 0 0 0 2px rgba($radishical, 0.35);
}