Nearest named color · #6E1D53
#6E1D53
Nearest named color: Velvet
#6E1D53 (rgb(110 29 83), hsl(320 58% 27%), oklch(0.381 0.129 344.1)) is closest to the named color Velvet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6E1D53
oklch(0.381 0.129 344.1)
Color conversions
- HEX
- #6e1d53
- RGB
- rgb(110 29 83)
- HSL
- hsl(320 58% 27%)
- HWB
- hwb(320 11% 57%)
- OKLCH
- oklch(0.381 0.129 344.1)
- OKLab
- oklab(0.381 0.124 -0.035)
- CIE Lab
- lab(26.37 39.97 -12.74)
- LCH
- lch(26.37 41.95 342.3)
- CMYK
- cmyk(0% 74% 25% 57%)
Tints · Shades · Tones
Tints
- 7E3563
- 8D4B73
- 9C6083
- AA7694
- B98CA5
- C7A2B7
- D5B9C8
- E3D0DA
- F1E7ED
Shades
- 5F1847
- 50133B
- 410E30
- 330925
- 26051B
- 190311
- 0E0108
- 040002
- 010000
Tones
- 712957
- 74345C
- 763E60
- 794865
- 7B5269
- 7C5B6E
- 7E6472
- 7F6E77
- 80777B
Color harmonies
Complementary +180°
- 6E1D53
Velvet
- 005037
≈ Chrysocolla Dark Green
Analogous -30° +30°
- 6E1D53
Velvet
- 5B2771
≈ Violethargic
- 78192D
≈ Jazzy Red
Triadic +120° +240°
Split-complementary +150° +210°
- 6E1D53
Velvet
- 284E00
≈ Patch of Land
- 004D4D
≈ Dark Teal
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 10.69:1 · APCA Lc 94
Ag
FailOn black
WCAG 1.96:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.69:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--velvet: #6e1d53;
--velvet-rgb: 110 29 83;
--velvet-oklch: oklch(0.381 0.129 344.1);
}
.element {
color: var(--velvet);
background-color: hsl(320 58% 27%);
border-color: oklch(0.381 0.129 344.1);
}Tailwind CSS v4
@theme {
--color-velvet: #6e1d53;
--color-velvet-50: #ffe7fd;
--color-velvet-100: #ffd7f1;
--color-velvet-200: #febfe0;
--color-velvet-300: #e89cc5;
--color-velvet-400: #d37eb1;
--color-velvet-500: #bf609b;
--color-velvet-600: #a25183;
--color-velvet-700: #824169;
--color-velvet-800: #602f4f;
--color-velvet-900: #432037;
--color-velvet-950: #2b0f22;
}SCSS
$velvet: #6e1d53;
$velvet-rgb: 110, 29, 83;
$velvet-light: mix(#fff, $velvet, 20%);
$velvet-dark: mix(#000, $velvet, 20%);
.element {
color: $velvet;
box-shadow: 0 0 0 2px rgba($velvet, 0.35);
}