Couleur nommée la plus proche · #866E8E
#866E8E
Couleur nommée la plus proche: Vintage
#866E8E (rgb(134 110 142), hsl(285 13% 49%), oklch(0.572 0.056 317.6)) est la plus proche de la couleur nommée Vintage. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#866E8E
oklch(0.572 0.056 317.6)
Conversions de couleur
- HEX
- #866e8e
- RGB
- rgb(134 110 142)
- HSL
- hsl(285 13% 49%)
- HWB
- hwb(285 43% 44%)
- OKLCH
- oklch(0.572 0.056 317.6)
- OKLab
- oklab(0.572 0.041 -0.038)
- CIE Lab
- lab(49.64 14.35 -13.89)
- LCH
- lch(49.64 19.97 315.9)
- CMYK
- cmyk(6% 23% 0% 44%)
Teintes · Ombres · Tons
Teintes
- 927C99
- 9D89A4
- A997AF
- B5A6BA
- C1B4C5
- CDC3D1
- D9D2DC
- E6E1E8
- F2F0F3
Ombres
- 745F7B
- 625068
- 514156
- 403344
- 302634
- 211924
- 130E15
- 060407
- 010101
Tons
- 85708D
- 85728B
- 84748A
- 847589
- 837787
- 837986
- 827B84
- 817D83
- 817E81
Harmonies de couleurs
Complémentaire +180°
- 866E8E
Vintage
- 688060
≈ Emerald City
Analogue -30° +30°
- 866E8E
Vintage
- 767398
≈ Rhythm
- 916B7E
≈ Strikemaster
Triadique +120° +240°
- 866E8E
Vintage
- 8B7452
≈ Earthquake
- 4E8384
≈ Rainier Blue
Complémentaire divisée +150° +210°
- 866E8E
Vintage
- 7B7B54
≈ Seaweed Salad
- 578372
≈ Frosty Spruce
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.53:1 · APCA Lc 71
Ag
AASur noir
WCAG 4.63:1 · APCA Lc 30
Meilleure couleur de texte: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Extraits de code
CSS
:root {
--vintage: #866e8e;
--vintage-rgb: 134 110 142;
--vintage-oklch: oklch(0.572 0.056 317.6);
}
.element {
color: var(--vintage);
background-color: hsl(285 13% 49%);
border-color: oklch(0.572 0.056 317.6);
}Tailwind CSS v4
@theme {
--color-vintage: #866e8e;
--color-vintage-50: #fdf0ff;
--color-vintage-100: #f0e2f4;
--color-vintage-200: #dfcde4;
--color-vintage-300: #c4afca;
--color-vintage-400: #ac95b4;
--color-vintage-500: #967b9f;
--color-vintage-600: #7f6886;
--color-vintage-700: #65536b;
--color-vintage-800: #4a3d50;
--color-vintage-900: #332a37;
--color-vintage-950: #1f1722;
}SCSS
$vintage: #866e8e;
$vintage-rgb: 134, 110, 142;
$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);
}