Benannte Farbe · #9C8C9A
Greige Violet
Greige Violet ist #9C8C9A: rgb(156 140 154), hsl(308 7% 58%), oklch(0.659 0.028 329.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Greige Violet color name →
#9C8C9A
oklch(0.659 0.028 329.9)
Farbumrechnungen
- HEX
- #9c8c9a
- RGB
- rgb(156 140 154)
- HSL
- hsl(308 7% 58%)
- HWB
- hwb(308 55% 39%)
- OKLCH
- oklch(0.659 0.028 329.9)
- OKLab
- oklab(0.659 0.024 -0.014)
- CIE Lab
- lab(60.03 8.13 -5.16)
- LCH
- lch(60.03 9.63 327.6)
- CMYK
- cmyk(0% 10% 1% 39%)
Tints · Shades · Tones
Tints
- A697A4
- AFA2AD
- B9ADB7
- C3B9C1
- CDC4CB
- D6D0D6
- E0DBE0
- EBE7EA
- F5F3F5
Shades
- 877985
- 736771
- 5F555E
- 4C434B
- 393339
- 282327
- 181417
- 090709
- 010101
Tones
- 998B97
- 968A95
- 948892
- 918790
- 8E868D
- 8B858A
- 888488
- 868285
- 838183
Farbharmonien
Komplementär +180°
- 9C8C9A
Greige Violet
- 869789
≈ Underground Gardens
Analog -30° +30°
- 9C8C9A
Greige Violet
- 948EA1
≈ Evening in Paris
- A18B91
≈ Gothic Amethyst
Triadisch +120° +240°
- 9C8C9A
Greige Violet
- 98917F
≈ Stonegate
- 7F979B
≈ Soul Quenching
Geteilt komplementär +150° +210°
- 9C8C9A
Greige Violet
- 8F9582
≈ Agreeable Green
- 809892
≈ Secluded Garden
Tetradisch +90° +180° +270°
- 9C8C9A
Greige Violet
- 9F8E81
≈ Oak Brown
- 869789
≈ Underground Gardens
- 8394A1
≈ Coastal Vista
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.16:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.63:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--greige-violet: #9c8c9a;
--greige-violet-rgb: 156 140 154;
--greige-violet-oklch: oklch(0.659 0.028 329.9);
}
.element {
color: var(--greige-violet);
background-color: hsl(308 7% 58%);
border-color: oklch(0.659 0.028 329.9);
}Tailwind CSS v4
@theme {
--color-greige-violet: #9c8c9a;
--color-greige-violet-50: #faf2f9;
--color-greige-violet-100: #eee5ec;
--color-greige-violet-200: #dcd0da;
--color-greige-violet-300: #c0b2be;
--color-greige-violet-400: #a899a6;
--color-greige-violet-500: #91808f;
--color-greige-violet-600: #7b6c79;
--color-greige-violet-700: #625761;
--color-greige-violet-800: #483f47;
--color-greige-violet-900: #322b31;
--color-greige-violet-950: #1e191d;
}SCSS
$greige-violet: #9c8c9a;
$greige-violet-rgb: 156, 140, 154;
$greige-violet-light: mix(#fff, $greige-violet, 20%);
$greige-violet-dark: mix(#000, $greige-violet, 20%);
.element {
color: $greige-violet;
box-shadow: 0 0 0 2px rgba($greige-violet, 0.35);
}