Colore con nome più vicino · #E4273C
#E4273C
Colore con nome più vicino: Neon Romance
#E4273C (rgb(228 39 60), hsl(353 78% 52%), oklch(0.595 0.22 22.4)) è più vicino al colore con nome Neon Romance. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E4273C
oklch(0.595 0.22 22.4)
Conversioni di colore
- HEX
- #e4273c
- RGB
- rgb(228 39 60)
- HSL
- hsl(353 78% 52%)
- HWB
- hwb(353 15% 11%)
- OKLCH
- oklch(0.595 0.22 22.4)
- OKLab
- oklab(0.595 0.203 0.084)
- CIE Lab
- lab(50.68 70.14 39.09)
- LCH
- lch(50.68 80.3 29.1)
- CMYK
- cmyk(0% 83% 74% 11%)
Tinte · Ombre · Toni
Tinte
- EA4950
- F06263
- F47876
- F88C89
- FCA09C
- FEB4B0
- FFC7C3
- FFD9D7
- FFECEB
Ombre
- C62033
- A91A2A
- 8D1421
- 720E19
- 580811
- 3F040A
- 280204
- 120101
- 030000
Toni
- DC3A44
- D3474C
- CA5253
- C15B5A
- B86361
- AE6A67
- A4706E
- 997674
- 8D7B7A
Armonie di colore
Complementare +180°
- E4273C
Neon Romance
- 009099
≈ Splashy
Analogo -30° +30°
- E4273C
Neon Romance
- D72B8B
≈ Dark Princess Pink
- C25F00
≈ Crema
Triadico +120° +240°
- E4273C
Neon Romance
- 039A00
≈ Islamic Green
- 2F73FF
≈ Hailey Blue
Complementare divisa +150° +210°
- E4273C
Neon Romance
- 009477
≈ Pool Table
- 008ABB
≈ Mermaid Dreams
Tetradico +90° +180° +270°
- E4273C
Neon Romance
- 818600
≈ Krypton Green
- 009099
≈ Splashy
- 8758F3
≈ Purple Honeycreeper
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.65:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--neon-romance: #e4273c;
--neon-romance-rgb: 228 39 60;
--neon-romance-oklch: oklch(0.595 0.22 22.4);
}
.element {
color: var(--neon-romance);
background-color: hsl(353 78% 52%);
border-color: oklch(0.595 0.22 22.4);
}Tailwind CSS v4
@theme {
--color-neon-romance: #e4273c;
--color-neon-romance-50: #ffddd6;
--color-neon-romance-100: #ffcbc4;
--color-neon-romance-200: #ffada5;
--color-neon-romance-300: #ff847e;
--color-neon-romance-400: #ff595f;
--color-neon-romance-500: #f6183b;
--color-neon-romance-600: #d01c33;
--color-neon-romance-700: #a71728;
--color-neon-romance-800: #7d0d1f;
--color-neon-romance-900: #580915;
--color-neon-romance-950: #3b0006;
}SCSS
$neon-romance: #e4273c;
$neon-romance-rgb: 228, 39, 60;
$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);
}