Warna bernama terdekat · #E91A2F
#E91A2F
Warna bernama terdekat: Transfusion
#E91A2F (rgb(233 26 47), hsl(354 82% 51%), oklch(0.596 0.231 24.6)) paling mendekati warna bernama Transfusion. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#E91A2F
oklch(0.596 0.231 24.6)
Konversi warna
- HEX
- #e91a2f
- RGB
- rgb(233 26 47)
- HSL
- hsl(354 82% 51%)
- HWB
- hwb(354 10% 9%)
- OKLCH
- oklch(0.596 0.231 24.6)
- OKLab
- oklab(0.596 0.21 0.096)
- CIE Lab
- lab(50.74 73.49 46.91)
- LCH
- lch(50.74 87.18 32.6)
- CMYK
- cmyk(0% 89% 80% 9%)
Tint · Shade · Tone
Tint
- EF4346
- F45E5B
- F8756F
- FC8B84
- FF9F98
- FFB3AC
- FFC6C1
- FFD9D5
- FFECEA
Shade
- CB1527
- AD1020
- 900C19
- 740712
- 5A040C
- 410206
- 290103
- 130001
- 030000
Tone
- E0343A
- D74344
- CE4F4C
- C55955
- BB625C
- B06964
- A5706B
- 9A7672
- 8E7B79
Harmoni warna
Komplementer +180°
- E91A2F
Transfusion
- 00909B
≈ Coral Coast
Analog -30° +30°
- E91A2F
Transfusion
- DD1E87
≈ Myoga Purple
- C06200
≈ Crema
Triadik +120° +240°
- E91A2F
Transfusion
- 009A25
≈ Turf Master
- 3B71FF
≈ Hailey Blue
Split-komplementer +150° +210°
- E91A2F
Transfusion
- 00947B
≈ Aqua Waters
- 0089BE
≈ Mermaid Dreams
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.51:1 · APCA Lc 69
Ag
AADi atas hitam
WCAG 4.65:1 · APCA Lc 33
Warna teks terbaik: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
Cuplikan kode
CSS
:root {
--transfusion: #e91a2f;
--transfusion-rgb: 233 26 47;
--transfusion-oklch: oklch(0.596 0.231 24.6);
}
.element {
color: var(--transfusion);
background-color: hsl(354 82% 51%);
border-color: oklch(0.596 0.231 24.6);
}Tailwind CSS v4
@theme {
--color-transfusion: #e91a2f;
--color-transfusion-50: #ffdcd2;
--color-transfusion-100: #ffcabf;
--color-transfusion-200: #ffab9f;
--color-transfusion-300: #ff8175;
--color-transfusion-400: #ff5455;
--color-transfusion-500: #fb002b;
--color-transfusion-600: #d40926;
--color-transfusion-700: #ab0b1e;
--color-transfusion-800: #800418;
--color-transfusion-900: #5a0510;
--color-transfusion-950: #3d0003;
}SCSS
$transfusion: #e91a2f;
$transfusion-rgb: 233, 26, 47;
$transfusion-light: mix(#fff, $transfusion, 20%);
$transfusion-dark: mix(#000, $transfusion, 20%);
.element {
color: $transfusion;
box-shadow: 0 0 0 2px rgba($transfusion, 0.35);
}