Color con nombre más cercano · #EC053B
#EC053B
Color con nombre más cercano: Neon Romance
#EC053B (rgb(236 5 59), hsl(346 96% 47%), oklch(0.597 0.239 20.9)) se parece más al color con nombre Neon Romance. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EC053B
oklch(0.597 0.239 20.9)
Conversiones de color
- HEX
- #ec053b
- RGB
- rgb(236 5 59)
- HSL
- hsl(346 96% 47%)
- HWB
- hwb(346 2% 7%)
- OKLCH
- oklch(0.597 0.239 20.9)
- OKLab
- oklab(0.597 0.223 0.085)
- CIE Lab
- lab(50.73 76.55 40.31)
- LCH
- lch(50.73 86.52 27.8)
- CMYK
- cmyk(0% 98% 75% 7%)
Tintes · Sombras · Tonos
Tintes
- F23E4F
- F75B63
- FB7376
- FE8989
- FF9D9C
- FFB1AF
- FFC5C3
- FFD9D7
- FFECEB
Sombras
- CD0432
- AF0329
- 920221
- 760119
- 5B0111
- 420009
- 290004
- 130001
- 030000
Tonos
- E32D43
- DA3F4B
- D04C53
- C7575A
- BC6060
- B26867
- A76F6D
- 9B7574
- 8E7B7A
Armonías de color
Complementario +180°
- EC053B
Neon Romance
- 009198
≈ Splashy
Análogo -30° +30°
- EC053B
Neon Romance
- DD1891
≈ Benevolent Pink
- C55E00
≈ Alloy Orange
Triádico +120° +240°
- EC053B
Neon Romance
- 249900
≈ Innisfree Garden
- 2675FF
≈ Magic Fountain
Complementario dividido +150° +210°
- EC053B
Neon Romance
- 009576
≈ Pool Table
- 008BBA
≈ Hawaiian Surf
Tetrádico +90° +180° +270°
- EC053B
Neon Romance
- 848600
≈ Krypton Green
- 009198
≈ Splashy
- 8654FF
≈ Purple Honeycreeper
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.51:1 · APCA Lc 69
Ag
AASobre negro
WCAG 4.65:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
CSS
:root {
--neon-romance: #ec053b;
--neon-romance-rgb: 236 5 59;
--neon-romance-oklch: oklch(0.597 0.239 20.9);
}
.element {
color: var(--neon-romance);
background-color: hsl(346 96% 47%);
border-color: oklch(0.597 0.239 20.9);
}Tailwind CSS v4
@theme {
--color-neon-romance: #ec053b;
--color-neon-romance-50: #ffdbd5;
--color-neon-romance-100: #ffc8c3;
--color-neon-romance-200: #ffa9a4;
--color-neon-romance-300: #ff7d7c;
--color-neon-romance-400: #ff4e5e;
--color-neon-romance-500: #fe0039;
--color-neon-romance-600: #d60031;
--color-neon-romance-700: #ac0027;
--color-neon-romance-800: #81001f;
--color-neon-romance-900: #5b0114;
--color-neon-romance-950: #3e0006;
}SCSS
$neon-romance: #ec053b;
$neon-romance-rgb: 236, 5, 59;
$neon-romance-light: mix(#fff, $neon-romance, 20%);
$neon-romance-dark: mix(#000, $neon-romance, 20%);
.element {
color: $neon-romance;
box-shadow: 0 0 0 2px rgba($neon-romance, 0.35);
}