Colore con nome · #AE2F48
Amore
Amore è #AE2F48: rgb(174 47 72), hsl(348 57% 43%), oklch(0.507 0.163 14). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Amore color name →
#AE2F48
oklch(0.507 0.163 14)
Conversioni di colore
- HEX
- #ae2f48
- RGB
- rgb(174 47 72)
- HSL
- hsl(348 57% 43%)
- HWB
- hwb(348 18% 32%)
- OKLCH
- oklch(0.507 0.163 14)
- OKLab
- oklab(0.507 0.158 0.039)
- CIE Lab
- lab(40.97 52.74 17.17)
- LCH
- lch(40.97 55.46 18)
- CMYK
- cmyk(0% 73% 59% 32%)
Tinte · Ombre · Toni
Tinte
- B94859
- C35D6A
- CC727B
- D5868D
- DE9A9F
- E5AEB2
- EDC2C5
- F3D6D8
- F9EBEB
Ombre
- 97273D
- 802033
- 6A1929
- 55121F
- 410C16
- 2E060D
- 1C0306
- 0B0102
- 010000
Toni
- AB3B4E
- A84553
- A44E59
- A0565E
- 9C5E64
- 98656A
- 936C6F
- 8D7375
- 877A7A
Armonie di colore
Complementare +180°
- AE2F48
Amore
- 007474
≈ Skobeloff
Analogo -30° +30°
- AE2F48
Amore
- A1347C
≈ Wild Aster
- A64100
≈ Pepperoni
Triadico +120° +240°
- AE2F48
Amore
- 3F7600
≈ Tropicana
- 0064BE
≈ Blue Diamond
Complementare divisa +150° +210°
- AE2F48
Amore
- 007854
≈ Victoria Peak
- 00708D
≈ Teal Tune
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.36:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.29:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--amore: #ae2f48;
--amore-rgb: 174 47 72;
--amore-oklch: oklch(0.507 0.163 14);
}
.element {
color: var(--amore);
background-color: hsl(348 57% 43%);
border-color: oklch(0.507 0.163 14);
}Tailwind CSS v4
@theme {
--color-amore: #ae2f48;
--color-amore-50: #ffe3e5;
--color-amore-100: #ffd2d5;
--color-amore-200: #ffb8bc;
--color-amore-300: #ff939b;
--color-amore-400: #ee7181;
--color-amore-500: #dc4c65;
--color-amore-600: #ba4255;
--color-amore-700: #953444;
--color-amore-800: #6f2533;
--color-amore-900: #4e1923;
--color-amore-950: #340812;
}SCSS
$amore: #ae2f48;
$amore-rgb: 174, 47, 72;
$amore-light: mix(#fff, $amore, 20%);
$amore-dark: mix(#000, $amore, 20%);
.element {
color: $amore;
box-shadow: 0 0 0 2px rgba($amore, 0.35);
}