Benannte Farbe · #AC8989
Woodrose
Woodrose ist #AC8989: rgb(172 137 137), hsl(0 17% 61%), oklch(0.663 0.043 18.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Woodrose color name →
#AC8989
oklch(0.663 0.043 18.3)
Farbumrechnungen
- HEX
- #ac8989
- RGB
- rgb(172 137 137)
- HSL
- hsl(0 17% 61%)
- HWB
- hwb(0 54% 33%)
- OKLCH
- oklch(0.663 0.043 18.3)
- OKLab
- oklab(0.663 0.041 0.013)
- CIE Lab
- lab(60.45 13.73 5.34)
- LCH
- lch(60.45 14.73 21.2)
- CMYK
- cmyk(0% 20% 20% 33%)
Tints · Shades · Tones
Tints
- B49494
- BDA0A0
- C5ABAB
- CDB7B7
- D5C3C2
- DECECE
- E6DADA
- EEE6E6
- F7F3F3
Shades
- 957676
- 7F6464
- 695353
- 544242
- 403131
- 2D2222
- 1B1414
- 0B0707
- 010101
Tones
- A88888
- A38787
- 9F8686
- 9B8685
- 968585
- 928484
- 8D8383
- 898282
- 858181
Farbharmonien
Komplementär +180°
- AC8989
Woodrose
- 749C9D
≈ Undertow
Analog -30° +30°
- AC8989
Woodrose
- A88998
≈ Reserve
- AA8C7D
≈ Fudgecicle
Triadisch +120° +240°
- AC8989
Woodrose
- 869A80
≈ Leaflet
- 8394AE
≈ Lilac Blue
Geteilt komplementär +150° +210°
- AC8989
Woodrose
- 7A9C8E
≈ Parisian Patina
- 7899A8
≈ Palace Intrigue
Tetradisch +90° +180° +270°
- AC8989
Woodrose
- 959677
≈ Blanched Thyme
- 749C9D
≈ Undertow
- 918FAC
≈ Orchilla
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.13:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.69:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.69:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--woodrose: #ac8989;
--woodrose-rgb: 172 137 137;
--woodrose-oklch: oklch(0.663 0.043 18.3);
}
.element {
color: var(--woodrose);
background-color: hsl(0 17% 61%);
border-color: oklch(0.663 0.043 18.3);
}Tailwind CSS v4
@theme {
--color-woodrose: #ac8989;
--color-woodrose-50: #fff1f0;
--color-woodrose-100: #f6e3e2;
--color-woodrose-200: #e6cdcd;
--color-woodrose-300: #cdafae;
--color-woodrose-400: #b79595;
--color-woodrose-500: #a17b7b;
--color-woodrose-600: #886868;
--color-woodrose-700: #6d5353;
--color-woodrose-800: #503d3d;
--color-woodrose-900: #382a2a;
--color-woodrose-950: #221718;
}SCSS
$woodrose: #ac8989;
$woodrose-rgb: 172, 137, 137;
$woodrose-light: mix(#fff, $woodrose, 20%);
$woodrose-dark: mix(#000, $woodrose, 20%);
.element {
color: $woodrose;
box-shadow: 0 0 0 2px rgba($woodrose, 0.35);
}