Colore con nome · #A10047
Cherry Plum
Cherry Plum è #A10047: rgb(161 0 71), hsl(334 100% 32%), oklch(0.455 0.183 6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cherry Plum color name →
#A10047
oklch(0.455 0.183 6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- AD2F57
- B94A68
- C4627A
- CF788C
- D98F9E
- E2A5B1
- EABBC4
- F2D2D7
- F9E8EB
Ombre
- 8B003D
- 760032
- 620028
- 4E001F
- 3C0016
- 2A000D
- 190006
- 090002
- 010000
Toni
- A0204C
- 9E3152
- 9C3E58
- 9A495D
- 975363
- 945D69
- 90666E
- 8B6F74
- 86787A
Armonie di colore
Complementare +180°
- A10047
Cherry Plum
- 00655D
≈ Arizona Stone
Analogo -30° +30°
- A10047
Cherry Plum
- 8F197C
≈ Noble Plum
- 9A2800
≈ Smoking Red
Triadico +120° +240°
- A10047
Cherry Plum
- 476100
≈ Camouflage Green
- 005B93
≈ Jetski Race
Complementare divisa +150° +210°
- A10047
Cherry Plum
- 00683B
≈ Frog Green
- 006173
≈ Ocean Radiance
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.05:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.60:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 8.05:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
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);
}