Named color · #7E85A3
Velvet Curtain
Velvet Curtain is #7E85A3: rgb(126 133 163), hsl(229 17% 57%), oklch(0.622 0.046 274.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Velvet Curtain color name →
#7E85A3
oklch(0.622 0.046 274.7)
Color conversions
- HEX
- #7e85a3
- RGB
- rgb(126 133 163)
- HSL
- hsl(229 17% 57%)
- HWB
- hwb(229 49% 36%)
- OKLCH
- oklch(0.622 0.046 274.7)
- OKLab
- oklab(0.622 0.004 -0.046)
- CIE Lab
- lab(55.76 2.42 -16.96)
- LCH
- lch(55.76 17.13 278.1)
- CMYK
- cmyk(23% 18% 0% 36%)
Tints · Shades · Tones
Tints
- 8A91AC
- 969CB5
- A3A8BE
- B0B4C7
- BCC0D1
- C9CDDA
- D7D9E3
- E4E6EC
- F1F2F6
Shades
- 6D738D
- 5C6178
- 4C5063
- 3C404F
- 2D303C
- 1F212A
- 111319
- 05060A
- 010101
Tones
- 7E85A0
- 7E849C
- 7F8499
- 7F8395
- 7F8392
- 7F828E
- 7F828B
- 808187
- 808184
Color harmonies
Complementary +180°
- 7E85A3
Velvet Curtain
- 8F8767
≈ Sheraton Sage
Analogous -30° +30°
- 7E85A3
Velvet Curtain
- 708AA1
≈ Bermuda Grey
- 8D809E
≈ Wildflower
Triadic +120° +240°
- 7E85A3
Velvet Curtain
- A07D74
≈ Wild Hemp
- 718F7A
≈ Ivy Wreath
Split-complementary +150° +210°
- 7E85A3
Velvet Curtain
- 9B816A
≈ Universal Umber
- 808C6E
≈ Canaletto
Tetradic +90° +180° +270°
- 7E85A3
Velvet Curtain
- A07B83
≈ Century’s Last Sunset
- 8F8767
≈ Sheraton Sage
- 67908A
≈ Oil Blue
Contrast & accessibility
Ag
FailOn white
WCAG 3.63:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.77:1 · APCA Lc 38
Best text color: #000000
WCAG 5.77:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--velvet-curtain: #7e85a3;
--velvet-curtain-rgb: 126 133 163;
--velvet-curtain-oklch: oklch(0.622 0.046 274.7);
}
.element {
color: var(--velvet-curtain);
background-color: hsl(229 17% 57%);
border-color: oklch(0.622 0.046 274.7);
}Tailwind CSS v4
@theme {
--color-velvet-curtain: #7e85a3;
--color-velvet-curtain-50: #f1f4ff;
--color-velvet-curtain-100: #e3e7f8;
--color-velvet-curtain-200: #cfd3e8;
--color-velvet-curtain-300: #b1b6cf;
--color-velvet-curtain-400: #969dba;
--color-velvet-curtain-500: #7d84a5;
--color-velvet-curtain-600: #6a708c;
--color-velvet-curtain-700: #545a70;
--color-velvet-curtain-800: #3d4253;
--color-velvet-curtain-900: #2a2d3a;
--color-velvet-curtain-950: #171a24;
}SCSS
$velvet-curtain: #7e85a3;
$velvet-curtain-rgb: 126, 133, 163;
$velvet-curtain-light: mix(#fff, $velvet-curtain, 20%);
$velvet-curtain-dark: mix(#000, $velvet-curtain, 20%);
.element {
color: $velvet-curtain;
box-shadow: 0 0 0 2px rgba($velvet-curtain, 0.35);
}