Nearest named color · #B297D7
#B297D7
Nearest named color: Violet Velvet
#B297D7 (rgb(178 151 215), hsl(265 44% 72%), oklch(0.723 0.095 303.4)) is closest to the named color Violet Velvet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B297D7
oklch(0.723 0.095 303.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- B9A1DB
- C1ACE0
- C8B6E4
- D0C0E8
- D8CBEC
- DFD5F0
- E7DFF4
- EFEAF8
- F7F4FB
Shades
- 9A83BB
- 836F9F
- 6D5C85
- 57496B
- 433752
- 2F263B
- 1D1725
- 0C0811
- 010102
Tones
- AD95CE
- A893C5
- A391BD
- 9E8EB4
- 998CAB
- 948AA3
- 8F879A
- 8A8591
- 858289
Color harmonies
Complementary +180°
- B297D7
Violet Velvet
- 9AB06C
≈ Matcha Mecha
Analogous -30° +30°
- B297D7
Violet Velvet
- 92A2E2
≈ Dalmatian Sage
- CA8FBF
≈ Pomtini
Triadic +120° +240°
- B297D7
Violet Velvet
- D09965
≈ Oak Buff
- 56B9AC
≈ Green Fluorite
Split-complementary +150° +210°
- B297D7
Violet Velvet
- BAA55D
≈ Nonpareil Apple
- 75B78A
≈ Water Fern
Tetradic +90° +180° +270°
- B297D7
Violet Velvet
- DB907E
≈ Paddy
- 9AB06C
≈ Matcha Mecha
- 54B5CA
≈ Fountain
Contrast & accessibility
Ag
FailOn white
WCAG 2.52:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.30:1 · APCA Lc 52
Best text color: #000000
WCAG 8.30:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
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);
}