Named color · #7E737D
Plush Velvet
Plush Velvet is #7E737D: rgb(126 115 125), hsl(305 5% 47%), oklch(0.569 0.02 328.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Plush Velvet color name →
#7E737D
oklch(0.569 0.02 328.7)
Color conversions
- HEX
- #7e737d
- RGB
- rgb(126 115 125)
- HSL
- hsl(305 5% 47%)
- HWB
- hwb(305 45% 51%)
- OKLCH
- oklch(0.569 0.02 328.7)
- OKLab
- oklab(0.569 0.017 -0.01)
- CIE Lab
- lab(49.71 5.85 -3.9)
- LCH
- lch(49.71 7.03 326.3)
- CMYK
- cmyk(0% 9% 1% 51%)
Tints · Shades · Tones
Tints
- 8A8089
- 968D96
- A39BA2
- B0A9AF
- BDB7BC
- CAC5C9
- D7D3D6
- E4E1E4
- F1F0F1
Shades
- 6D636C
- 5C545B
- 4C454B
- 3C363B
- 2D282C
- 1F1B1E
- 110F11
- 050505
- 010101
Tones
- 7E747D
- 7E767E
- 7F777E
- 7F787E
- 7F7A7F
- 7F7B7F
- 7F7C7F
- 807D7F
- 807F80
Color harmonies
Complementary +180°
- 7E737D
Plush Velvet
- 6F7B71
≈ Boxwood
Analogous -30° +30°
- 7E737D
Plush Velvet
- 787582
≈ Dried Lavender Flowers
- 827277
≈ Pumice Grey
Triadic +120° +240°
- 7E737D
Plush Velvet
- 7C776A
≈ Eagle Ridge
- 6A7B7D
≈ Polar Pond
Split-complementary +150° +210°
- 7E737D
Plush Velvet
- 76796C
≈ Crooked River
- 6B7B77
≈ Green Dusk
Tetradic +90° +180° +270°
- 7E737D
Plush Velvet
- 80746C
≈ Chinchilla Grey
- 6F7B71
≈ Boxwood
- 6D7982
≈ Iron Frost
Contrast & accessibility
Ag
AAOn white
WCAG 4.53:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.63:1 · APCA Lc 30
Best text color: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
CSS
:root {
--plush-velvet: #7e737d;
--plush-velvet-rgb: 126 115 125;
--plush-velvet-oklch: oklch(0.569 0.02 328.7);
}
.element {
color: var(--plush-velvet);
background-color: hsl(305 5% 47%);
border-color: oklch(0.569 0.02 328.7);
}Tailwind CSS v4
@theme {
--color-plush-velvet: #7e737d;
--color-plush-velvet-50: #f9f3f8;
--color-plush-velvet-100: #ece5eb;
--color-plush-velvet-200: #d9d1d8;
--color-plush-velvet-300: #beb4bc;
--color-plush-velvet-400: #a59aa4;
--color-plush-velvet-500: #8e828d;
--color-plush-velvet-600: #786e77;
--color-plush-velvet-700: #60585f;
--color-plush-velvet-800: #464046;
--color-plush-velvet-900: #312c30;
--color-plush-velvet-950: #1d191d;
}SCSS
$plush-velvet: #7e737d;
$plush-velvet-rgb: 126, 115, 125;
$plush-velvet-light: mix(#fff, $plush-velvet, 20%);
$plush-velvet-dark: mix(#000, $plush-velvet, 20%);
.element {
color: $plush-velvet;
box-shadow: 0 0 0 2px rgba($plush-velvet, 0.35);
}