Benannte Farbe · #A32E39
Cherry Kiss
Cherry Kiss ist #A32E39: rgb(163 46 57), hsl(354 56% 41%), oklch(0.484 0.152 19.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cherry Kiss color name →
#A32E39
oklch(0.484 0.152 19.9)
Farbumrechnungen
- HEX
- #a32e39
- RGB
- rgb(163 46 57)
- HSL
- hsl(354 56% 41%)
- HWB
- hwb(354 18% 36%)
- OKLCH
- oklch(0.484 0.152 19.9)
- OKLab
- oklab(0.484 0.143 0.052)
- CIE Lab
- lab(38.47 48.87 22.88)
- LCH
- lch(38.47 53.96 25.1)
- CMYK
- cmyk(0% 72% 65% 36%)
Tints · Shades · Tones
Tints
- AF464B
- BA5B5E
- C47071
- CE8484
- D79898
- E0ADAC
- E9C1C0
- F1D5D5
- F8EAEA
Shades
- 8D2730
- 781F28
- 63181F
- 4F1217
- 3C0B10
- 2A0609
- 190204
- 0A0101
- 010000
Tones
- A13A40
- 9F4447
- 9C4D4F
- 9A5556
- 975D5D
- 936464
- 8F6B6B
- 8B7272
- 867979
Farbharmonien
Komplementär +180°
- A32E39
Cherry Kiss
- 006C71
≈ Deep Lake
Analog -30° +30°
- A32E39
Cherry Kiss
- 99306B
≈ Magenta Manicure
- 954400
≈ Roux
Triadisch +120° +240°
- A32E39
Cherry Kiss
- 227205
≈ Battle Cat
- 245AB3
≈ Bottled Sea
Geteilt komplementär +150° +210°
- A32E39
Cherry Kiss
- 007056
≈ Precious Emerald
- 00688A
≈ Pulsating Blue
Tetradisch +90° +180° +270°
- A32E39
Cherry Kiss
- 636300
≈ Mud Green
- 006C71
≈ Deep Lake
- 604AAD
≈ Swiss Plum
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.98:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.00:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.98:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--cherry-kiss: #a32e39;
--cherry-kiss-rgb: 163 46 57;
--cherry-kiss-oklch: oklch(0.484 0.152 19.9);
}
.element {
color: var(--cherry-kiss);
background-color: hsl(354 56% 41%);
border-color: oklch(0.484 0.152 19.9);
}Tailwind CSS v4
@theme {
--color-cherry-kiss: #a32e39;
--color-cherry-kiss-50: #ffe5e2;
--color-cherry-kiss-100: #ffd5d1;
--color-cherry-kiss-200: #ffbbb7;
--color-cherry-kiss-300: #fc9794;
--color-cherry-kiss-400: #ea7679;
--color-cherry-kiss-500: #d8535b;
--color-cherry-kiss-600: #b7474d;
--color-cherry-kiss-700: #93393e;
--color-cherry-kiss-800: #6d282e;
--color-cherry-kiss-900: #4d1b1f;
--color-cherry-kiss-950: #330a0f;
}SCSS
$cherry-kiss: #a32e39;
$cherry-kiss-rgb: 163, 46, 57;
$cherry-kiss-light: mix(#fff, $cherry-kiss, 20%);
$cherry-kiss-dark: mix(#000, $cherry-kiss, 20%);
.element {
color: $cherry-kiss;
box-shadow: 0 0 0 2px rgba($cherry-kiss, 0.35);
}