Nearest named color · #57265E
#57265E
Nearest named color: Purple Velour
#57265E (rgb(87 38 94), hsl(293 42% 26%), oklch(0.362 0.108 322.5)) is closest to the named color Purple Velour. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#57265E
oklch(0.362 0.108 322.5)
Color conversions
- HEX
- #57265e
- RGB
- rgb(87 38 94)
- HSL
- hsl(293 42% 26%)
- HWB
- hwb(293 15% 63%)
- OKLCH
- oklch(0.362 0.108 322.5)
- OKLab
- oklab(0.362 0.085 -0.066)
- CIE Lab
- lab(24.29 29.89 -23.61)
- LCH
- lch(24.29 38.09 321.7)
- CMYK
- cmyk(7% 60% 0% 63%)
Tints · Shades · Tones
Tints
- 673B6D
- 774F7D
- 88648D
- 98789C
- A98EAC
- BAA4BD
- CBBACD
- DCD1DD
- EDE8EE
Shades
- 4B2051
- 3E1944
- 331337
- 270D2B
- 1C081F
- 120414
- 08020A
- 030103
- 000000
Tones
- 5C3062
- 603965
- 644269
- 684B6C
- 6D5470
- 715D73
- 756577
- 786E7A
- 7C777D
Color harmonies
Complementary +180°
- 57265E
Purple Velour
- 114B0E
≈ Kabocha Green
Analogous -30° +30°
- 57265E
Purple Velour
- 412F70
≈ Her Highness
- 651F43
≈ Plum Caspia
Triadic +120° +240°
- 57265E
Purple Velour
- 513900
≈ Pineapple
- 00474C
≈ Incubi Darkness
Split-complementary +150° +210°
- 57265E
Purple Velour
- 3F4100
≈ Green Not Found
- 00493A
≈ Aqua Deep
Tetradic +90° +180° +270°
- 57265E
Purple Velour
- 622C00
≈ Count Chocula
- 114B0E
≈ Kabocha Green
- 00435E
≈ Loyal Blue
Contrast & accessibility
Ag
AAAOn white
WCAG 11.38:1 · APCA Lc 96
Ag
FailOn black
WCAG 1.84:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.38:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--purple-velour: #57265e;
--purple-velour-rgb: 87 38 94;
--purple-velour-oklch: oklch(0.362 0.108 322.5);
}
.element {
color: var(--purple-velour);
background-color: hsl(293 42% 26%);
border-color: oklch(0.362 0.108 322.5);
}Tailwind CSS v4
@theme {
--color-purple-velour: #57265e;
--color-purple-velour-50: #ffebff;
--color-purple-velour-100: #fbdcfc;
--color-purple-velour-200: #ecc5ee;
--color-purple-velour-300: #d4a5d6;
--color-purple-velour-400: #bd89c4;
--color-purple-velour-500: #a86db0;
--color-purple-velour-600: #8e5c95;
--color-purple-velour-700: #724a77;
--color-purple-velour-800: #533559;
--color-purple-velour-900: #3a243e;
--color-purple-velour-950: #241328;
}SCSS
$purple-velour: #57265e;
$purple-velour-rgb: 87, 38, 94;
$purple-velour-light: mix(#fff, $purple-velour, 20%);
$purple-velour-dark: mix(#000, $purple-velour, 20%);
.element {
color: $purple-velour;
box-shadow: 0 0 0 2px rgba($purple-velour, 0.35);
}