Color con nombre más cercano · #B297D7
#B297D7
Color con nombre más cercano: Violet Velvet
#B297D7 (rgb(178 151 215), hsl(265 44% 72%), oklch(0.723 0.095 303.4)) se parece más al color con nombre Violet Velvet. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B297D7
oklch(0.723 0.095 303.4)
Conversiones de color
- HEX
- #b297d7
- RGB
- rgb(178 151 215)
- HSL
- hsl(265 44% 72%)
- HWB
- hwb(265 59% 16%)
- OKLCH
- oklch(0.723 0.095 303.4)
- OKLab
- oklab(0.723 0.053 -0.08)
- CIE Lab
- lab(66.68 19.77 -29.09)
- LCH
- lch(66.68 35.17 304.2)
- CMYK
- cmyk(17% 30% 0% 16%)
Tintes · Sombras · Tonos
Tintes
- B9A1DB
- C1ACE0
- C8B6E4
- D0C0E8
- D8CBEC
- DFD5F0
- E7DFF4
- EFEAF8
- F7F4FB
Sombras
- 9A83BB
- 836F9F
- 6D5C85
- 57496B
- 433752
- 2F263B
- 1D1725
- 0C0811
- 010102
Tonos
- AD95CE
- A893C5
- A391BD
- 9E8EB4
- 998CAB
- 948AA3
- 8F879A
- 8A8591
- 858289
Armonías de color
Complementario +180°
- B297D7
Violet Velvet
- 9AB06C
≈ Matcha Mecha
Análogo -30° +30°
- B297D7
Violet Velvet
- 92A2E2
≈ Dalmatian Sage
- CA8FBF
≈ Pomtini
Triádico +120° +240°
- B297D7
Violet Velvet
- D09965
≈ Oak Buff
- 56B9AC
≈ Green Fluorite
Complementario dividido +150° +210°
- B297D7
Violet Velvet
- BAA55D
≈ Nonpareil Apple
- 75B78A
≈ Water Fern
Tetrádico +90° +180° +270°
- B297D7
Violet Velvet
- DB907E
≈ Paddy
- 9AB06C
≈ Matcha Mecha
- 54B5CA
≈ Fountain
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.52:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.30:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.30:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--violet-velvet: #b297d7;
--violet-velvet-rgb: 178 151 215;
--violet-velvet-oklch: oklch(0.723 0.095 303.4);
}
.element {
color: var(--violet-velvet);
background-color: hsl(265 44% 72%);
border-color: oklch(0.723 0.095 303.4);
}Tailwind CSS v4
@theme {
--color-violet-velvet: #b297d7;
--color-violet-velvet-50: #fbefff;
--color-violet-velvet-100: #efe0ff;
--color-violet-velvet-200: #decaf6;
--color-violet-velvet-300: #c3abdf;
--color-violet-velvet-400: #aa91cd;
--color-violet-velvet-500: #9376ba;
--color-violet-velvet-600: #7d649d;
--color-violet-velvet-700: #64507e;
--color-violet-velvet-800: #483a5e;
--color-violet-velvet-900: #322842;
--color-violet-velvet-950: #1e162a;
}SCSS
$violet-velvet: #b297d7;
$violet-velvet-rgb: 178, 151, 215;
$violet-velvet-light: mix(#fff, $violet-velvet, 20%);
$violet-velvet-dark: mix(#000, $violet-velvet, 20%);
.element {
color: $violet-velvet;
box-shadow: 0 0 0 2px rgba($violet-velvet, 0.35);
}