Colore con nome più vicino · #E52722
#E52722
Colore con nome più vicino: Lust
#E52722 (rgb(229 39 34), hsl(2 79% 52%), oklch(0.594 0.223 28.3)) è più vicino al colore con nome Lust. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E52722
oklch(0.594 0.223 28.3)
Conversioni di colore
- HEX
- #e52722
- RGB
- rgb(229 39 34)
- HSL
- hsl(2 79% 52%)
- HWB
- hwb(2 13% 10%)
- OKLCH
- oklch(0.594 0.223 28.3)
- OKLab
- oklab(0.594 0.196 0.106)
- CIE Lab
- lab(50.67 69.9 53.18)
- LCH
- lch(50.67 87.83 37.3)
- CMYK
- cmyk(0% 83% 85% 10%)
Tinte · Ombre · Toni
Tinte
- EB493D
- F06254
- F5786A
- F98D7F
- FCA194
- FFB4A9
- FFC7BE
- FFDAD4
- FFECE9
Ombre
- C7201C
- AA1A16
- 8E1411
- 720E0B
- 580807
- 3F0403
- 280201
- 120100
- 030000
Toni
- DD3A31
- D4483C
- CB5247
- C25C50
- B86359
- AE6A61
- A47169
- 997671
- 8D7B79
Armonie di colore
Complementare +180°
- E52722
Lust
- 008F9E
≈ Coral Coast
Analogo -30° +30°
- E52722
Lust
- DC247D
≈ Vivid Cerise
- BB6500
≈ Camel Fur
Triadico +120° +240°
Complementare divisa +150° +210°
- E52722
Lust
- 00937F
≈ Aqua Waters
- 0087C3
≈ Azul Caribe
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.64:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--lust: #e52722;
--lust-rgb: 229 39 34;
--lust-oklch: oklch(0.594 0.223 28.3);
}
.element {
color: var(--lust);
background-color: hsl(2 79% 52%);
border-color: oklch(0.594 0.223 28.3);
}Tailwind CSS v4
@theme {
--color-lust: #e52722;
--color-lust-50: #ffdecf;
--color-lust-100: #ffccbb;
--color-lust-200: #ffae9a;
--color-lust-300: #ff856f;
--color-lust-400: #ff5a4c;
--color-lust-500: #f7191a;
--color-lust-600: #d11c19;
--color-lust-700: #a81814;
--color-lust-800: #7e0d12;
--color-lust-900: #59090b;
--color-lust-950: #3c0001;
}SCSS
$lust: #e52722;
$lust-rgb: 229, 39, 34;
$lust-light: mix(#fff, $lust, 20%);
$lust-dark: mix(#000, $lust, 20%);
.element {
color: $lust;
box-shadow: 0 0 0 2px rgba($lust, 0.35);
}