En yakın adlandırılmış renk · #E4273C
#E4273C
En yakın adlandırılmış renk: Neon Romance
#E4273C (rgb(228 39 60), hsl(353 78% 52%), oklch(0.595 0.22 22.4)) en çok Neon Romance adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E4273C
oklch(0.595 0.22 22.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EA4950
- F06263
- F47876
- F88C89
- FCA09C
- FEB4B0
- FFC7C3
- FFD9D7
- FFECEB
Koyu tonlar
- C62033
- A91A2A
- 8D1421
- 720E19
- 580811
- 3F040A
- 280204
- 120101
- 030000
Gri tonlar
- DC3A44
- D3474C
- CA5253
- C15B5A
- B86361
- AE6A67
- A4706E
- 997674
- 8D7B7A
Renk uyumları
Tamamlayıcı +180°
- E4273C
Neon Romance
- 009099
≈ Splashy
Analog -30° +30°
- E4273C
Neon Romance
- D72B8B
≈ Dark Princess Pink
- C25F00
≈ Crema
Üçlü +120° +240°
- E4273C
Neon Romance
- 039A00
≈ Islamic Green
- 2F73FF
≈ Hailey Blue
Bölünmüş tamamlayıcı +150° +210°
- E4273C
Neon Romance
- 009477
≈ Pool Table
- 008ABB
≈ Mermaid Dreams
Dörtlü +90° +180° +270°
- E4273C
Neon Romance
- 818600
≈ Krypton Green
- 009099
≈ Splashy
- 8758F3
≈ Purple Honeycreeper
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
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);
}