Colore con nome · #9C8C9A
Greige Violet
Greige Violet è #9C8C9A: rgb(156 140 154), hsl(308 7% 58%), oklch(0.659 0.028 329.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Greige Violet color name →
#9C8C9A
oklch(0.659 0.028 329.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A697A4
- AFA2AD
- B9ADB7
- C3B9C1
- CDC4CB
- D6D0D6
- E0DBE0
- EBE7EA
- F5F3F5
Ombre
- 877985
- 736771
- 5F555E
- 4C434B
- 393339
- 282327
- 181417
- 090709
- 010101
Toni
- 998B97
- 968A95
- 948892
- 918790
- 8E868D
- 8B858A
- 888488
- 868285
- 838183
Armonie di colore
Complementare +180°
- 9C8C9A
Greige Violet
- 869789
≈ Underground Gardens
Analogo -30° +30°
- 9C8C9A
Greige Violet
- 948EA1
≈ Evening in Paris
- A18B91
≈ Gothic Amethyst
Triadico +120° +240°
- 9C8C9A
Greige Violet
- 98917F
≈ Stonegate
- 7F979B
≈ Soul Quenching
Complementare divisa +150° +210°
- 9C8C9A
Greige Violet
- 8F9582
≈ Agreeable Green
- 809892
≈ Secluded Garden
Tetradico +90° +180° +270°
- 9C8C9A
Greige Violet
- 9F8E81
≈ Oak Brown
- 869789
≈ Underground Gardens
- 8394A1
≈ Coastal Vista
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.16:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.63:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
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);
}