Benannte Farbe · #8B818C
Asian Violet
Asian Violet ist #8B818C: rgb(139 129 140), hsl(295 5% 53%), oklch(0.616 0.02 323). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Asian Violet color name →
#8B818C
oklch(0.616 0.02 323)
Farbumrechnungen
- HEX
- #8b818c
- RGB
- rgb(139 129 140)
- HSL
- hsl(295 5% 53%)
- HWB
- hwb(295 51% 45%)
- OKLCH
- oklch(0.616 0.02 323)
- OKLab
- oklab(0.616 0.016 -0.012)
- CIE Lab
- lab(55.15 5.5 -4.52)
- LCH
- lch(55.15 7.11 320.6)
- CMYK
- cmyk(1% 8% 0% 45%)
Tints · Shades · Tones
Tints
- 968D97
- A199A2
- ACA5AD
- B8B2B8
- C3BEC4
- CFCBD0
- DBD8DB
- E7E5E7
- F3F2F3
Shades
- 786F79
- 665E67
- 544E55
- 433E43
- 322E33
- 231F23
- 141214
- 070607
- 010101
Tones
- 8A818B
- 89818A
- 888188
- 878187
- 868186
- 848085
- 838084
- 828082
- 818081
Farbharmonien
Komplementär +180°
- 8B818C
Asian Violet
- 7E887D
≈ Wild Sage
Analog -30° +30°
- 8B818C
Asian Violet
- 858390
≈ Formal Affair
- 8F8086
≈ Mighty Mauve
Triadisch +120° +240°
- 8B818C
Asian Violet
- 8B8478
≈ Schooner
- 77898A
≈ Shadow Effect
Geteilt komplementär +150° +210°
- 8B818C
Asian Violet
- 858679
≈ Mountain Road
- 798984
≈ Juniper Ash
Tetradisch +90° +180° +270°
- 8B818C
Asian Violet
- 8F827A
≈ Cherry Bark
- 7E887D
≈ Wild Sage
- 79878F
≈ Deep Channel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.73:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.61:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--asian-violet: #8b818c;
--asian-violet-rgb: 139 129 140;
--asian-violet-oklch: oklch(0.616 0.02 323);
}
.element {
color: var(--asian-violet);
background-color: hsl(295 5% 53%);
border-color: oklch(0.616 0.02 323);
}Tailwind CSS v4
@theme {
--color-asian-violet: #8b818c;
--color-asian-violet-50: #f8f3f8;
--color-asian-violet-100: #ebe6ec;
--color-asian-violet-200: #d9d1d9;
--color-asian-violet-300: #bdb4bd;
--color-asian-violet-400: #a49ba5;
--color-asian-violet-500: #8d828e;
--color-asian-violet-600: #776e78;
--color-asian-violet-700: #5f5860;
--color-asian-violet-800: #464047;
--color-asian-violet-900: #302c31;
--color-asian-violet-950: #1c191d;
}SCSS
$asian-violet: #8b818c;
$asian-violet-rgb: 139, 129, 140;
$asian-violet-light: mix(#fff, $asian-violet, 20%);
$asian-violet-dark: mix(#000, $asian-violet, 20%);
.element {
color: $asian-violet;
box-shadow: 0 0 0 2px rgba($asian-violet, 0.35);
}