Colore con nome · #8E5164
Velour Scar
Velour Scar è #8E5164: rgb(142 81 100), hsl(341 27% 44%), oklch(0.512 0.085 0.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Velour Scar color name →
#8E5164
oklch(0.512 0.085 0.5)
Conversioni di colore
- HEX
- #8e5164
- RGB
- rgb(142 81 100)
- HSL
- hsl(341 27% 44%)
- HWB
- hwb(341 32% 44%)
- OKLCH
- oklch(0.512 0.085 0.5)
- OKLab
- oklab(0.512 0.085 0.001)
- CIE Lab
- lab(42.29 27.93 0.63)
- LCH
- lch(42.29 27.94 1.3)
- CMYK
- cmyk(0% 43% 30% 44%)
Tinte · Ombre · Toni
Tinte
- 9A6172
- A57281
- B18390
- BC949F
- C8A5AE
- D3B7BE
- DEC8CE
- E9DADE
- F4EDEE
Ombre
- 7B4556
- 683A48
- 562F3B
- 44242E
- 341A22
- 241016
- 15070B
- 070203
- 010000
Toni
- 8D5667
- 8C5B6A
- 8B606C
- 8A656F
- 896972
- 886E75
- 867277
- 84777A
- 827C7D
Armonie di colore
Complementare +180°
- 8E5164
Velour Scar
- 1B7669
≈ Hawk Turquoise
Analogo -30° +30°
- 8E5164
Velour Scar
- 82547D
≈ Purple Davenport
- 915349
≈ Cogswell Cedar
Triadico +120° +240°
- 8E5164
Velour Scar
- 606E33
≈ Russian Uniform
- 346C92
≈ Blue Oasis
Complementare divisa +150° +210°
- 8E5164
Velour Scar
- 40744D
≈ Grasslands
- 117382
≈ Deep Current
Tetradico +90° +180° +270°
- 8E5164
Velour Scar
- 796426
≈ Brazen Brass
- 1B7669
≈ Hawk Turquoise
- 546497
≈ Breathtaking
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.98:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.51:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--velour-scar: #8e5164;
--velour-scar-rgb: 142 81 100;
--velour-scar-oklch: oklch(0.512 0.085 0.5);
}
.element {
color: var(--velour-scar);
background-color: hsl(341 27% 44%);
border-color: oklch(0.512 0.085 0.5);
}Tailwind CSS v4
@theme {
--color-velour-scar: #8e5164;
--color-velour-scar-50: #ffecf3;
--color-velour-scar-100: #ffdde5;
--color-velour-scar-200: #f5c6d1;
--color-velour-scar-300: #dda6b3;
--color-velour-scar-400: #c98a9c;
--color-velour-scar-500: #b46e83;
--color-velour-scar-600: #985d6f;
--color-velour-scar-700: #7a4a59;
--color-velour-scar-800: #5a3642;
--color-velour-scar-900: #3f252d;
--color-velour-scar-950: #28131a;
}SCSS
$velour-scar: #8e5164;
$velour-scar-rgb: 142, 81, 100;
$velour-scar-light: mix(#fff, $velour-scar, 20%);
$velour-scar-dark: mix(#000, $velour-scar, 20%);
.element {
color: $velour-scar;
box-shadow: 0 0 0 2px rgba($velour-scar, 0.35);
}