Nearest named color · #7B0059
#7B0059
Nearest named color: Velvet
#7B0059 (rgb(123 0 89), hsl(317 100% 24%), oklch(0.389 0.166 344.6)) is closest to the named color Velvet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7B0059
oklch(0.389 0.166 344.6)
Color conversions
- HEX
- #7b0059
- RGB
- rgb(123 0 89)
- HSL
- hsl(317 100% 24%)
- HWB
- hwb(317 0% 52%)
- OKLCH
- oklch(0.389 0.166 344.6)
- OKLab
- oklab(0.389 0.16 -0.044)
- CIE Lab
- lab(26.77 51.07 -15.82)
- LCH
- lch(26.77 53.47 342.8)
- CMYK
- cmyk(0% 100% 28% 52%)
Tints · Shades · Tones
Tints
- 8A2868
- 994278
- A75A88
- B57198
- C288A9
- CF9FBA
- DCB7CB
- E8CFDC
- F4E7ED
Shades
- 6A004C
- 5A0040
- 4A0034
- 3A0028
- 2C001D
- 1E0013
- 100009
- 050003
- 010000
Tones
- 7D1B5D
- 7F2A61
- 813765
- 824369
- 834E6D
- 835871
- 836275
- 836C78
- 82767C
Color harmonies
Complementary +180°
- 7B0059
Velvet
- 005239
≈ Trapper Green
Analogous -30° +30°
- 7B0059
Velvet
- 641980
≈ Extraviolet
- 830029
≈ Oxblood
Triadic +120° +240°
- 7B0059
Velvet
- 4C4600
≈ Sugarloaf Brown
- 004C62
≈ Work Blue
Split-complementary +150° +210°
- 7B0059
Velvet
- 285100
≈ Patch of Land
- 00504F
≈ Wool Turquoise
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 10.57:1 · APCA Lc 92
Ag
FailOn black
WCAG 1.98:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 10.57:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--velvet: #7b0059;
--velvet-rgb: 123 0 89;
--velvet-oklch: oklch(0.389 0.166 344.6);
}
.element {
color: var(--velvet);
background-color: hsl(317 100% 24%);
border-color: oklch(0.389 0.166 344.6);
}Tailwind CSS v4
@theme {
--color-velvet: #7b0059;
--color-velvet-50: #ffe3ff;
--color-velvet-100: #ffd2f3;
--color-velvet-200: #ffb7e3;
--color-velvet-300: #f493c8;
--color-velvet-400: #e172b5;
--color-velvet-500: #ce4fa0;
--color-velvet-600: #ae4487;
--color-velvet-700: #8c366c;
--color-velvet-800: #672652;
--color-velvet-900: #491a39;
--color-velvet-950: #2f0923;
}SCSS
$velvet: #7b0059;
$velvet-rgb: 123, 0, 89;
$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);
}