Benannte Farbe · #A10047
Cherry Plum
Cherry Plum ist #A10047: rgb(161 0 71), hsl(334 100% 32%), oklch(0.455 0.183 6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cherry Plum color name →
#A10047
oklch(0.455 0.183 6)
Farbumrechnungen
- HEX
- #a10047
- RGB
- rgb(161 0 71)
- HSL
- hsl(334 100% 32%)
- HWB
- hwb(334 0% 37%)
- OKLCH
- oklch(0.455 0.183 6)
- OKLab
- oklab(0.455 0.182 0.019)
- CIE Lab
- lab(34.62 59.06 8.75)
- LCH
- lch(34.62 59.7 8.4)
- CMYK
- cmyk(0% 100% 56% 37%)
Tints · Shades · Tones
Tints
- AD2F57
- B94A68
- C4627A
- CF788C
- D98F9E
- E2A5B1
- EABBC4
- F2D2D7
- F9E8EB
Shades
- 8B003D
- 760032
- 620028
- 4E001F
- 3C0016
- 2A000D
- 190006
- 090002
- 010000
Tones
- A0204C
- 9E3152
- 9C3E58
- 9A495D
- 975363
- 945D69
- 90666E
- 8B6F74
- 86787A
Farbharmonien
Komplementär +180°
- A10047
Cherry Plum
- 00655D
≈ Arizona Stone
Analog -30° +30°
- A10047
Cherry Plum
- 8F197C
≈ Noble Plum
- 9A2800
≈ Smoking Red
Triadisch +120° +240°
- A10047
Cherry Plum
- 476100
≈ Camouflage Green
- 005B93
≈ Jetski Race
Geteilt komplementär +150° +210°
- A10047
Cherry Plum
- 00683B
≈ Frog Green
- 006173
≈ Ocean Radiance
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.05:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.60:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 8.05:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--cherry-plum: #a10047;
--cherry-plum-rgb: 161 0 71;
--cherry-plum-oklch: oklch(0.455 0.183 6);
}
.element {
color: var(--cherry-plum);
background-color: hsl(334 100% 32%);
border-color: oklch(0.455 0.183 6);
}Tailwind CSS v4
@theme {
--color-cherry-plum: #a10047;
--color-cherry-plum-50: #ffe0eb;
--color-cherry-plum-100: #ffcfdc;
--color-cherry-plum-200: #ffb3c5;
--color-cherry-plum-300: #ff8da5;
--color-cherry-plum-400: #f4688e;
--color-cherry-plum-500: #e23f73;
--color-cherry-plum-600: #bf3762;
--color-cherry-plum-700: #992c4e;
--color-cherry-plum-800: #721e3b;
--color-cherry-plum-900: #511428;
--color-cherry-plum-950: #350516;
}SCSS
$cherry-plum: #a10047;
$cherry-plum-rgb: 161, 0, 71;
$cherry-plum-light: mix(#fff, $cherry-plum, 20%);
$cherry-plum-dark: mix(#000, $cherry-plum, 20%);
.element {
color: $cherry-plum;
box-shadow: 0 0 0 2px rgba($cherry-plum, 0.35);
}