Colore con nome · #E55E58
Reductant
Reductant è #E55E58: rgb(229 94 88), hsl(3 73% 62%), oklch(0.653 0.169 25.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Reductant color name →
#E55E58
oklch(0.653 0.169 25.4)
Conversioni di colore
- HEX
- #e55e58
- RGB
- rgb(229 94 88)
- HSL
- hsl(3 73% 62%)
- HWB
- hwb(3 35% 10%)
- OKLCH
- oklch(0.653 0.169 25.4)
- OKLab
- oklab(0.653 0.153 0.073)
- CIE Lab
- lab(58.08 53.18 31.66)
- LCH
- lch(58.08 61.89 30.8)
- CMYK
- cmyk(0% 59% 62% 10%)
Tinte · Ombre · Toni
Tinte
- EA7068
- EE8179
- F29189
- F6A19A
- F9B1AA
- FBC1BB
- FDD0CC
- FEE0DD
- FFEFEE
Ombre
- C7514B
- AA443F
- 8E3733
- 722B28
- 581F1D
- 3F1412
- 280A09
- 120303
- 030000
Toni
- DC635D
- D36861
- C96C66
- C0706A
- B6746E
- AC7772
- A27975
- 977C79
- 8C7E7D
Armonie di colore
Complementare +180°
- E55E58
Reductant
- 00A3B1
≈ Garish Blue
Analogo -30° +30°
- E55E58
Reductant
- DC5C94
≈ Flirty Rose
- D87000
≈ Gold Orange
Triadico +120° +240°
- E55E58
Reductant
- 3BAA49
≈ Matt Green
- 5D89F6
≈ Blue Elemental
Complementare divisa +150° +210°
- E55E58
Reductant
- 00A88C
≈ Moray Eel
- 009CD9
≈ Atmosphere
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.45:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.07:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--reductant: #e55e58;
--reductant-rgb: 229 94 88;
--reductant-oklch: oklch(0.653 0.169 25.4);
}
.element {
color: var(--reductant);
background-color: hsl(3 73% 62%);
border-color: oklch(0.653 0.169 25.4);
}Tailwind CSS v4
@theme {
--color-reductant: #e55e58;
--color-reductant-50: #ffe4db;
--color-reductant-100: #ffd3c9;
--color-reductant-200: #ffb8ac;
--color-reductant-300: #ff9487;
--color-reductant-400: #f27169;
--color-reductant-500: #e04b48;
--color-reductant-600: #bd413d;
--color-reductant-700: #983431;
--color-reductant-800: #722425;
--color-reductant-900: #501818;
--color-reductant-950: #350809;
}SCSS
$reductant: #e55e58;
$reductant-rgb: 229, 94, 88;
$reductant-light: mix(#fff, $reductant, 20%);
$reductant-dark: mix(#000, $reductant, 20%);
.element {
color: $reductant;
box-shadow: 0 0 0 2px rgba($reductant, 0.35);
}