Color con nombre más cercano · #EA145D
#EA145D
Color con nombre más cercano: Radiant Raspberry
#EA145D (rgb(234 20 93), hsl(340 84% 50%), oklch(0.603 0.234 11.2)) se parece más al color con nombre Radiant Raspberry. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EA145D
oklch(0.603 0.234 11.2)
Conversiones de color
- HEX
- #ea145d
- RGB
- rgb(234 20 93)
- HSL
- hsl(340 84% 50%)
- HWB
- hwb(340 8% 8%)
- OKLCH
- oklch(0.603 0.234 11.2)
- OKLab
- oklab(0.603 0.23 0.045)
- CIE Lab
- lab(51.23 75.85 20.25)
- LCH
- lch(51.23 78.51 15)
- CMYK
- cmyk(0% 91% 60% 8%)
Tintes · Sombras · Tonos
Tintes
- F0416C
- F55C7C
- F9748B
- FD899B
- FF9EAB
- FFB2BC
- FFC5CC
- FFD9DD
- FFECEE
Sombras
- CB1050
- AE0C43
- 910837
- 75052A
- 5A031F
- 410114
- 29010A
- 130003
- 030000
Tonos
- E13161
- D84164
- CF4E68
- C5586B
- BB616F
- B16872
- A66F76
- 9A7579
- 8E7B7D
Armonías de color
Complementario +180°
- EA145D
Radiant Raspberry
- 009490
≈ Paradise Landscape
Análogo -30° +30°
- EA145D
Radiant Raspberry
- D52BA9
≈ Melodramatic Magenta
- D74E00
≈ Deep Orange
Triádico +120° +240°
- EA145D
Radiant Raspberry
- 5C9400
≈ Limeade
- 0083E5
≈ Blue Cola
Complementario dividido +150° +210°
- EA145D
Radiant Raspberry
- 009967
≈ Green Cyan
- 008FB0
≈ Algiers Blue
Tetrádico +90° +180° +270°
- EA145D
Radiant Raspberry
- 928200
≈ Thicket Green
- 009490
≈ Paradise Landscape
- 7164FF
≈ Blue Genie
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.41:1 · APCA Lc 68
Ag
AASobre negro
WCAG 4.75:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 4.75:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
CSS
:root {
--radiant-raspberry: #ea145d;
--radiant-raspberry-rgb: 234 20 93;
--radiant-raspberry-oklch: oklch(0.603 0.234 11.2);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(340 84% 50%);
border-color: oklch(0.603 0.234 11.2);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #ea145d;
--color-radiant-raspberry-50: #ffdae2;
--color-radiant-raspberry-100: #ffc7d1;
--color-radiant-raspberry-200: #ffa8b7;
--color-radiant-raspberry-300: #ff7d94;
--color-radiant-raspberry-400: #ff4f7b;
--color-radiant-raspberry-500: #f9005e;
--color-radiant-raspberry-600: #d20050;
--color-radiant-raspberry-700: #a90140;
--color-radiant-raspberry-800: #7e0031;
--color-radiant-raspberry-900: #590221;
--color-radiant-raspberry-950: #3c0010;
}SCSS
$radiant-raspberry: #ea145d;
$radiant-raspberry-rgb: 234, 20, 93;
$radiant-raspberry-light: mix(#fff, $radiant-raspberry, 20%);
$radiant-raspberry-dark: mix(#000, $radiant-raspberry, 20%);
.element {
color: $radiant-raspberry;
box-shadow: 0 0 0 2px rgba($radiant-raspberry, 0.35);
}