Benannte Farbe · #9C6989
Garden Aroma
Garden Aroma ist #9C6989: rgb(156 105 137), hsl(322 20% 51%), oklch(0.585 0.078 341.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Garden Aroma color name →
#9C6989
oklch(0.585 0.078 341.7)
Farbumrechnungen
- HEX
- #9c6989
- RGB
- rgb(156 105 137)
- HSL
- hsl(322 20% 51%)
- HWB
- hwb(322 41% 39%)
- OKLCH
- oklch(0.585 0.078 341.7)
- OKLab
- oklab(0.585 0.074 -0.025)
- CIE Lab
- lab(50.73 24.74 -9.01)
- LCH
- lch(50.73 26.33 340)
- CMYK
- cmyk(0% 33% 12% 39%)
Tints · Shades · Tones
Tints
- A67794
- B086A0
- BA94AB
- C4A3B7
- CEB2C2
- D8C1CE
- E2D0DA
- EBE0E6
- F5EFF3
Shades
- 875A76
- 734C64
- 5F3E53
- 4C3142
- 392431
- 281822
- 180C14
- 090407
- 010001
Tones
- 9A6C88
- 976E87
- 947086
- 927386
- 8F7585
- 8C7784
- 897A83
- 867C82
- 837E81
Farbharmonien
Komplementär +180°
- 9C6989
Garden Aroma
- 4E8A6D
≈ Saltwater Depth
Analog -30° +30°
- 9C6989
Garden Aroma
- 8B6E9E
≈ Babiana
- A5686F
≈ Delhi Spice
Triadisch +120° +240°
- 9C6989
Garden Aroma
- 857D44
≈ Green Moss
- 40869D
≈ Turquesa
Geteilt komplementär +150° +210°
- 9C6989
Garden Aroma
- 6B8654
≈ Herb
- 3A8A87
≈ Taos Turquoise
Tetradisch +90° +180° +270°
- 9C6989
Garden Aroma
- 997445
≈ Rococo Gold
- 4E8A6D
≈ Saltwater Depth
- 597FA9
≈ Blue Fin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.37:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.79:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.79:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--garden-aroma: #9c6989;
--garden-aroma-rgb: 156 105 137;
--garden-aroma-oklch: oklch(0.585 0.078 341.7);
}
.element {
color: var(--garden-aroma);
background-color: hsl(322 20% 51%);
border-color: oklch(0.585 0.078 341.7);
}Tailwind CSS v4
@theme {
--color-garden-aroma: #9c6989;
--color-garden-aroma-50: #ffedfb;
--color-garden-aroma-100: #fcdeee;
--color-garden-aroma-200: #eec8dd;
--color-garden-aroma-300: #d5a8c1;
--color-garden-aroma-400: #bf8cac;
--color-garden-aroma-500: #aa7195;
--color-garden-aroma-600: #90607e;
--color-garden-aroma-700: #734d65;
--color-garden-aroma-800: #55384b;
--color-garden-aroma-900: #3b2634;
--color-garden-aroma-950: #251420;
}SCSS
$garden-aroma: #9c6989;
$garden-aroma-rgb: 156, 105, 137;
$garden-aroma-light: mix(#fff, $garden-aroma, 20%);
$garden-aroma-dark: mix(#000, $garden-aroma, 20%);
.element {
color: $garden-aroma;
box-shadow: 0 0 0 2px rgba($garden-aroma, 0.35);
}