Colore con nome · #92698F
Chinese Violet
Chinese Violet è #92698F: rgb(146 105 143), hsl(304 16% 49%), oklch(0.576 0.075 329). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Chinese Violet color name →
#92698F
oklch(0.576 0.075 329)
Conversioni di colore
- HEX
- #92698f
- RGB
- rgb(146 105 143)
- HSL
- hsl(304 16% 49%)
- HWB
- hwb(304 41% 43%)
- OKLCH
- oklch(0.576 0.075 329)
- OKLab
- oklab(0.576 0.064 -0.039)
- CIE Lab
- lab(49.72 21.79 -14.2)
- LCH
- lch(49.72 26.01 326.9)
- CMYK
- cmyk(0% 28% 2% 43%)
Tinte · Ombre · Toni
Tinte
- 9D779A
- A886A5
- B294B0
- BDA3BB
- C8B2C6
- D3C1D1
- DED0DC
- E9E0E8
- F4EFF3
Ombre
- 7E5A7C
- 6B4C69
- 583E57
- 463145
- 352434
- 251824
- 160C15
- 080407
- 010001
Toni
- 906B8E
- 8F6E8C
- 8D708B
- 8B7389
- 8A7588
- 887786
- 867985
- 847C83
- 827E82
Armonie di colore
Complementare +180°
- 92698F
Chinese Violet
- 598661
≈ Spring Garden
Analogo -30° +30°
- 92698F
Chinese Violet
- 7F6FA0
≈ Queen’s
- 9E6678
≈ Mellow Mauve
Triadico +120° +240°
- 92698F
Chinese Violet
- 8B7743
≈ Bengal Grass
- 3B8591
≈ Precious Stone
Complementare divisa +150° +210°
- 92698F
Chinese Violet
- 74804C
≈ Turf War
- 41887A
≈ Carlisle
Tetradico +90° +180° +270°
- 92698F
Chinese Violet
- 9A6E4B
≈ Chocolate Milk
- 598661
≈ Spring Garden
- 4D7FA1
≈ Borage
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.63:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--chinese-violet: #92698f;
--chinese-violet-rgb: 146 105 143;
--chinese-violet-oklch: oklch(0.576 0.075 329);
}
.element {
color: var(--chinese-violet);
background-color: hsl(304 16% 49%);
border-color: oklch(0.576 0.075 329);
}Tailwind CSS v4
@theme {
--color-chinese-violet: #92698f;
--color-chinese-violet-50: #ffeeff;
--color-chinese-violet-100: #f7dff4;
--color-chinese-violet-200: #e8c9e3;
--color-chinese-violet-300: #cfaac9;
--color-chinese-violet-400: #b88fb4;
--color-chinese-violet-500: #a2749f;
--color-chinese-violet-600: #896286;
--color-chinese-violet-700: #6e4f6b;
--color-chinese-violet-800: #503950;
--color-chinese-violet-900: #382738;
--color-chinese-violet-950: #221522;
}SCSS
$chinese-violet: #92698f;
$chinese-violet-rgb: 146, 105, 143;
$chinese-violet-light: mix(#fff, $chinese-violet, 20%);
$chinese-violet-dark: mix(#000, $chinese-violet, 20%);
.element {
color: $chinese-violet;
box-shadow: 0 0 0 2px rgba($chinese-violet, 0.35);
}