Named color · #BAA7BF
Velour
Velour is #BAA7BF: rgb(186 167 191), hsl(287 16% 70%), oklch(0.752 0.04 319.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Velour color name →
#BAA7BF
oklch(0.752 0.04 319.2)
Color conversions
- HEX
- #baa7bf
- RGB
- rgb(186 167 191)
- HSL
- hsl(287 16% 70%)
- HWB
- hwb(287 65% 25%)
- OKLCH
- oklch(0.752 0.04 319.2)
- OKLab
- oklab(0.752 0.03 -0.026)
- CIE Lab
- lab(70.72 10.39 -9.71)
- LCH
- lch(70.72 14.22 317)
- CMYK
- cmyk(3% 13% 0% 25%)
Tints · Shades · Tones
Tints
- C1B0C5
- C8B8CC
- CEC1D2
- D5C9D8
- DCD2DF
- E3DBE5
- EAE4EC
- F1EDF2
- F8F6F8
Shades
- A191A6
- 897B8D
- 726675
- 5C525E
- 463E48
- 322C33
- 1E1A1F
- 0D0A0D
- 020102
Tones
- B4A3B9
- AE9FB2
- A89BAC
- A297A5
- 9D939F
- 978F99
- 918C92
- 8B888C
- 868486
Color harmonies
Complementary +180°
- BAA7BF
Velour
- A2B59D
≈ Salvia
Analogous -30° +30°
- BAA7BF
Velour
- ADABC7
≈ Cosmic Sky
- C3A5B2
≈ Pansy Posie
Triadic +120° +240°
- BAA7BF
Velour
- BCAC93
≈ Nile Sand
- 92B7B8
≈ Baroque Blue
Split-complementary +150° +210°
- BAA7BF
Velour
- B0B194
≈ Dill Seed
- 97B7AA
≈ Nile River
Tetradic +90° +180° +270°
- BAA7BF
Velour
- C5A899
≈ Adobe Straw
- A2B59D
≈ Salvia
- 95B4C3
≈ Respite
Contrast & accessibility
Ag
FailOn white
WCAG 2.24:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.36:1 · APCA Lc 58
Best text color: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--velour: #baa7bf;
--velour-rgb: 186 167 191;
--velour-oklch: oklch(0.752 0.04 319.2);
}
.element {
color: var(--velour);
background-color: hsl(287 16% 70%);
border-color: oklch(0.752 0.04 319.2);
}Tailwind CSS v4
@theme {
--color-velour: #baa7bf;
--color-velour-50: #fbf2fc;
--color-velour-100: #eee4f0;
--color-velour-200: #dccfdf;
--color-velour-300: #c1b1c4;
--color-velour-400: #a997ae;
--color-velour-500: #927e97;
--color-velour-600: #7b6b80;
--color-velour-700: #635566;
--color-velour-800: #483e4c;
--color-velour-900: #322b35;
--color-velour-950: #1e1820;
}SCSS
$velour: #baa7bf;
$velour-rgb: 186, 167, 191;
$velour-light: mix(#fff, $velour, 20%);
$velour-dark: mix(#000, $velour, 20%);
.element {
color: $velour;
box-shadow: 0 0 0 2px rgba($velour, 0.35);
}