Colore con nome · #78426F
Wood Violet
Wood Violet è #78426F: rgb(120 66 111), hsl(310 29% 36%), oklch(0.461 0.097 333.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Wood Violet color name →
#78426F
oklch(0.461 0.097 333.4)
Conversioni di colore
- HEX
- #78426f
- RGB
- rgb(120 66 111)
- HSL
- hsl(310 29% 36%)
- HWB
- hwb(310 26% 53%)
- OKLCH
- oklch(0.461 0.097 333.4)
- OKLab
- oklab(0.461 0.087 -0.043)
- CIE Lab
- lab(36.08 29 -15.8)
- LCH
- lch(36.08 33.03 331.4)
- CMYK
- cmyk(0% 45% 7% 53%)
Tinte · Ombre · Toni
Tinte
- 85547D
- 93668A
- A07898
- AE8AA7
- BB9DB5
- C9B0C3
- D6C3D2
- E4D7E1
- F1EBF0
Ombre
- 673860
- 572F51
- 482542
- 391C34
- 2A1427
- 1D0B1A
- 10050E
- 050104
- 010001
Toni
- 794971
- 7B4F73
- 7C5574
- 7D5B76
- 7E6278
- 7E687A
- 7F6E7B
- 7F747D
- 807A7E
Armonie di colore
Complementare +180°
- 78426F
Wood Violet
- 22683E
≈ Jewel
Analogo -30° +30°
- 78426F
Wood Violet
- 644984
≈ Violet Majesty
- 843F53
≈ Sugar Beet
Triadico +120° +240°
- 78426F
Wood Violet
- 6A5600
≈ Ayahuasca Vine
- 006473
≈ Green Spool
Complementare divisa +150° +210°
- 78426F
Wood Violet
- 4E611B
≈ Camouflage Green
- 00675D
≈ Arizona Stone
Tetradico +90° +180° +270°
- 78426F
Wood Violet
- 7D4B10
≈ Dried Mustard
- 22683E
≈ Jewel
- 1C5D8A
≈ Sapphire Lace
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.48:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.80:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.48:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--wood-violet: #78426f;
--wood-violet-rgb: 120 66 111;
--wood-violet-oklch: oklch(0.461 0.097 333.4);
}
.element {
color: var(--wood-violet);
background-color: hsl(310 29% 36%);
border-color: oklch(0.461 0.097 333.4);
}Tailwind CSS v4
@theme {
--color-wood-violet: #78426f;
--color-wood-violet-50: #ffebff;
--color-wood-violet-100: #fedcf5;
--color-wood-violet-200: #f0c5e5;
--color-wood-violet-300: #d8a5cb;
--color-wood-violet-400: #c189b7;
--color-wood-violet-500: #ad6da1;
--color-wood-violet-600: #925c88;
--color-wood-violet-700: #754a6d;
--color-wood-violet-800: #563552;
--color-wood-violet-900: #3c2439;
--color-wood-violet-950: #261323;
}SCSS
$wood-violet: #78426f;
$wood-violet-rgb: 120, 66, 111;
$wood-violet-light: mix(#fff, $wood-violet, 20%);
$wood-violet-dark: mix(#000, $wood-violet, 20%);
.element {
color: $wood-violet;
box-shadow: 0 0 0 2px rgba($wood-violet, 0.35);
}