Color con nombre más cercano · #8C7295
#8C7295
Color con nombre más cercano: Vintage
#8C7295 (rgb(140 114 149), hsl(285 14% 52%), oklch(0.589 0.06 317.3)) se parece más al color con nombre Vintage. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8C7295
oklch(0.589 0.06 317.3)
Conversiones de color
- HEX
- #8c7295
- RGB
- rgb(140 114 149)
- HSL
- hsl(285 14% 52%)
- HWB
- hwb(285 45% 42%)
- OKLCH
- oklch(0.589 0.06 317.3)
- OKLab
- oklab(0.589 0.044 -0.041)
- CIE Lab
- lab(51.52 15.49 -15.1)
- LCH
- lch(51.52 21.64 315.7)
- CMYK
- cmyk(6% 23% 0% 42%)
Tintes · Sombras · Tonos
Tintes
- 977F9F
- A28DAA
- AD9AB4
- B9A8BF
- C4B6C9
- D0C5D4
- DBD3DE
- E7E1E9
- F3F0F4
Sombras
- 796281
- 67536D
- 55445A
- 433648
- 332837
- 231B26
- 140E16
- 070408
- 010101
Tonos
- 8B7493
- 8A7591
- 89768F
- 87788D
- 86798B
- 857B89
- 847C87
- 837D84
- 817F82
Armonías de color
Complementario +180°
- 8C7295
Vintage
- 6C8662
≈ Bladerunner
Análogo -30° +30°
- 8C7295
Vintage
- 7A78A0
≈ Blue Dove
- 986F84
≈ Meadow Flower
Triádico +120° +240°
- 8C7295
Vintage
- 917954
≈ Coconut Shell
- 4F888A
≈ Evora
Complementario dividido +150° +210°
- 8C7295
Vintage
- 818055
≈ Xena
- 598976
≈ Privet Hedge
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.23:1 · APCA Lc 69
Ag
AASobre negro
WCAG 4.95:1 · APCA Lc 32
Mejor color de texto: #000000
WCAG 4.95:1 (AA) · APCA Lc 32
Contrast pairs
Fragmentos de código
CSS
:root {
--vintage: #8c7295;
--vintage-rgb: 140 114 149;
--vintage-oklch: oklch(0.589 0.06 317.3);
}
.element {
color: var(--vintage);
background-color: hsl(285 14% 52%);
border-color: oklch(0.589 0.06 317.3);
}Tailwind CSS v4
@theme {
--color-vintage: #8c7295;
--color-vintage-50: #fdf0ff;
--color-vintage-100: #f1e2f5;
--color-vintage-200: #e0cce5;
--color-vintage-300: #c5aecb;
--color-vintage-400: #ad94b6;
--color-vintage-500: #977aa1;
--color-vintage-600: #806788;
--color-vintage-700: #66526d;
--color-vintage-800: #4a3c51;
--color-vintage-900: #342938;
--color-vintage-950: #1f1723;
}SCSS
$vintage: #8c7295;
$vintage-rgb: 140, 114, 149;
$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);
}