Colore con nome · #AC512D
Rose of Sharon
Rose of Sharon è #AC512D: rgb(172 81 45), hsl(17 59% 43%), oklch(0.543 0.129 41.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rose of Sharon color name →
#AC512D
oklch(0.543 0.129 41.2)
Conversioni di colore
- HEX
- #ac512d
- RGB
- rgb(172 81 45)
- HSL
- hsl(17 59% 43%)
- HWB
- hwb(17 18% 33%)
- OKLCH
- oklch(0.543 0.129 41.2)
- OKLab
- oklab(0.543 0.097 0.085)
- CIE Lab
- lab(45.96 36.29 38.79)
- LCH
- lch(45.96 53.12 46.9)
- CMYK
- cmyk(0% 53% 74% 33%)
Tinte · Ombre · Toni
Tinte
- B66343
- BF7458
- C8856C
- D19681
- D9A895
- E2B9AA
- E9CABF
- F1DCD4
- F8EDE9
Ombre
- 954526
- 7F3A1F
- 692F18
- 542411
- 401A0B
- 2D1006
- 1B0702
- 0B0201
- 010000
Toni
- A95737
- A55C41
- A1614A
- 9D6652
- 996B5A
- 957062
- 90746A
- 8B7871
- 867C79
Armonie di colore
Complementare +180°
- AC512D
Rose of Sharon
- 007C98
≈ Mosaic Blue
Analogo -30° +30°
- AC512D
Rose of Sharon
- AD4A5C
≈ Cherry on Top
- 996200
≈ Raw Sienna
Triadico +120° +240°
- AC512D
Rose of Sharon
- 008458
≈ Primal Green
- 6464B8
≈ Bluish Purple Anemone
Complementare divisa +150° +210°
- AC512D
Rose of Sharon
- 00807D
≈ Belly Flop
- 2B72B8
≈ Campanula
Tetradico +90° +180° +270°
- AC512D
Rose of Sharon
- 537E22
≈ Master Chief
- 007C98
≈ Mosaic Blue
- 8857A6
≈ Highlighter Lavender
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.29:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.96:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.29:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-of-sharon: #ac512d;
--rose-of-sharon-rgb: 172 81 45;
--rose-of-sharon-oklch: oklch(0.543 0.129 41.2);
}
.element {
color: var(--rose-of-sharon);
background-color: hsl(17 59% 43%);
border-color: oklch(0.543 0.129 41.2);
}Tailwind CSS v4
@theme {
--color-rose-of-sharon: #ac512d;
--color-rose-of-sharon-50: #ffead8;
--color-rose-of-sharon-100: #ffdbc6;
--color-rose-of-sharon-200: #ffc3a8;
--color-rose-of-sharon-300: #f0a281;
--color-rose-of-sharon-400: #de8360;
--color-rose-of-sharon-500: #cb643c;
--color-rose-of-sharon-600: #ac5534;
--color-rose-of-sharon-700: #8a4429;
--color-rose-of-sharon-800: #67301e;
--color-rose-of-sharon-900: #482113;
--color-rose-of-sharon-950: #2f1006;
}SCSS
$rose-of-sharon: #ac512d;
$rose-of-sharon-rgb: 172, 81, 45;
$rose-of-sharon-light: mix(#fff, $rose-of-sharon, 20%);
$rose-of-sharon-dark: mix(#000, $rose-of-sharon, 20%);
.element {
color: $rose-of-sharon;
box-shadow: 0 0 0 2px rgba($rose-of-sharon, 0.35);
}