Colore con nome · #8E545C
Fragrant Cherry
Fragrant Cherry è #8E545C: rgb(142 84 92), hsl(352 26% 44%), oklch(0.515 0.078 11.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Fragrant Cherry color name →
#8E545C
oklch(0.515 0.078 11.2)
Conversioni di colore
- HEX
- #8e545c
- RGB
- rgb(142 84 92)
- HSL
- hsl(352 26% 44%)
- HWB
- hwb(352 33% 44%)
- OKLCH
- oklch(0.515 0.078 11.2)
- OKLab
- oklab(0.515 0.076 0.015)
- CIE Lab
- lab(42.8 25.49 6.24)
- LCH
- lch(42.8 26.25 13.8)
- CMYK
- cmyk(0% 41% 35% 44%)
Tinte · Ombre · Toni
Tinte
- 9A646B
- A5747A
- B1858A
- BC969A
- C8A7AA
- D3B8BA
- DEC9CB
- E9DBDC
- F4EDED
Ombre
- 7B484F
- 683C42
- 563136
- 44262A
- 341B1F
- 241114
- 15080A
- 070203
- 010000
Toni
- 8D5960
- 8C5D63
- 8B6267
- 8A666A
- 896B6E
- 876F71
- 867375
- 847879
- 827C7C
Armonie di colore
Complementare +180°
- 8E545C
Fragrant Cherry
- 227572
≈ Artisan Green
Analogo -30° +30°
- 8E545C
Fragrant Cherry
- 865574
≈ Plum Highness
- 8D5844
≈ True Copper
Triadico +120° +240°
- 8E545C
Fragrant Cherry
- 577140
≈ Houseplant
- 456A93
≈ Queen Blue
Complementare divisa +150° +210°
- 8E545C
Fragrant Cherry
- 3A7559
≈ Scouring Rush
- 297187
≈ Tlāloc Blue
Tetradico +90° +180° +270°
- 8E545C
Fragrant Cherry
- 716930
≈ Robinhood
- 227572
≈ Artisan Green
- 606293
≈ Prime Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.87:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.57:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--fragrant-cherry: #8e545c;
--fragrant-cherry-rgb: 142 84 92;
--fragrant-cherry-oklch: oklch(0.515 0.078 11.2);
}
.element {
color: var(--fragrant-cherry);
background-color: hsl(352 26% 44%);
border-color: oklch(0.515 0.078 11.2);
}Tailwind CSS v4
@theme {
--color-fragrant-cherry: #8e545c;
--color-fragrant-cherry-50: #ffedef;
--color-fragrant-cherry-100: #ffdee0;
--color-fragrant-cherry-200: #f4c7cb;
--color-fragrant-cherry-300: #dca8ac;
--color-fragrant-cherry-400: #c88c93;
--color-fragrant-cherry-500: #b37079;
--color-fragrant-cherry-600: #975f67;
--color-fragrant-cherry-700: #794c52;
--color-fragrant-cherry-800: #5a373d;
--color-fragrant-cherry-900: #3f262a;
--color-fragrant-cherry-950: #281417;
}SCSS
$fragrant-cherry: #8e545c;
$fragrant-cherry-rgb: 142, 84, 92;
$fragrant-cherry-light: mix(#fff, $fragrant-cherry, 20%);
$fragrant-cherry-dark: mix(#000, $fragrant-cherry, 20%);
.element {
color: $fragrant-cherry;
box-shadow: 0 0 0 2px rgba($fragrant-cherry, 0.35);
}