Benannte Farbe · #AE2F48
Amore
Amore ist #AE2F48: rgb(174 47 72), hsl(348 57% 43%), oklch(0.507 0.163 14). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Amore color name →
#AE2F48
oklch(0.507 0.163 14)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B94859
- C35D6A
- CC727B
- D5868D
- DE9A9F
- E5AEB2
- EDC2C5
- F3D6D8
- F9EBEB
Shades
- 97273D
- 802033
- 6A1929
- 55121F
- 410C16
- 2E060D
- 1C0306
- 0B0102
- 010000
Tones
- AB3B4E
- A84553
- A44E59
- A0565E
- 9C5E64
- 98656A
- 936C6F
- 8D7375
- 877A7A
Farbharmonien
Komplementär +180°
- AE2F48
Amore
- 007474
≈ Skobeloff
Analog -30° +30°
- AE2F48
Amore
- A1347C
≈ Wild Aster
- A64100
≈ Pepperoni
Triadisch +120° +240°
- AE2F48
Amore
- 3F7600
≈ Tropicana
- 0064BE
≈ Blue Diamond
Geteilt komplementär +150° +210°
- AE2F48
Amore
- 007854
≈ Victoria Peak
- 00708D
≈ Teal Tune
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.36:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.29:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
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);
}