Colore con nome più vicino · #847087
#847087
Colore con nome più vicino: Vintage
#847087 (rgb(132 112 135), hsl(292 9% 48%), oklch(0.572 0.042 321.9)) è più vicino al colore con nome Vintage. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#847087
oklch(0.572 0.042 321.9)
Conversioni di colore
- HEX
- #847087
- RGB
- rgb(132 112 135)
- HSL
- hsl(292 9% 48%)
- HWB
- hwb(292 44% 47%)
- OKLCH
- oklch(0.572 0.042 321.9)
- OKLab
- oklab(0.572 0.033 -0.026)
- CIE Lab
- lab(49.76 11.38 -9.63)
- LCH
- lch(49.76 14.9 319.8)
- CMYK
- cmyk(2% 17% 0% 47%)
Tinte · Ombre · Toni
Tinte
- 907D92
- 9C8B9E
- A899AA
- B4A7B5
- C0B5C1
- CCC3CE
- D9D2DA
- E5E1E6
- F2F0F2
Ombre
- 726075
- 605163
- 4F4351
- 3F3541
- 2F2731
- 201A21
- 120E13
- 060406
- 010101
Toni
- 847286
- 837386
- 837585
- 837684
- 827884
- 827A83
- 817B82
- 817D81
- 807E81
Armonie di colore
Complementare +180°
- 847087
Vintage
- 6A7F68
≈ Cliffside Park
Analogo -30° +30°
- 847087
Vintage
- 78748F
≈ Plum Shade
- 8C6E7B
≈ Blunt Violet
Triadico +120° +240°
- 847087
Vintage
- 85765C
≈ Brownish Grey
- 5A8082
≈ Stream Burble
Complementare divisa +150° +210°
- 847087
Vintage
- 787B5E
≈ La Grange
- 5F8075
≈ Trellis Vine
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.64:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--vintage: #847087;
--vintage-rgb: 132 112 135;
--vintage-oklch: oklch(0.572 0.042 321.9);
}
.element {
color: var(--vintage);
background-color: hsl(292 9% 48%);
border-color: oklch(0.572 0.042 321.9);
}Tailwind CSS v4
@theme {
--color-vintage: #847087;
--color-vintage-50: #fbf1fc;
--color-vintage-100: #efe3f0;
--color-vintage-200: #decedf;
--color-vintage-300: #c3b0c4;
--color-vintage-400: #ab97ae;
--color-vintage-500: #947d97;
--color-vintage-600: #7d6a80;
--color-vintage-700: #645566;
--color-vintage-800: #493e4c;
--color-vintage-900: #332b35;
--color-vintage-950: #1e1820;
}SCSS
$vintage: #847087;
$vintage-rgb: 132, 112, 135;
$vintage-light: mix(#fff, $vintage, 20%);
$vintage-dark: mix(#000, $vintage, 20%);
.element {
color: $vintage;
box-shadow: 0 0 0 2px rgba($vintage, 0.35);
}