Nearest named color · #C58BCB
#C58BCB
Nearest named color: Violaceous
#C58BCB (rgb(197 139 203), hsl(294 38% 67%), oklch(0.715 0.111 323.4)) is closest to the named color Violaceous. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C58BCB
oklch(0.715 0.111 323.4)
Color conversions
- HEX
- #c58bcb
- RGB
- rgb(197 139 203)
- HSL
- hsl(294 38% 67%)
- HWB
- hwb(294 55% 20%)
- OKLCH
- oklch(0.715 0.111 323.4)
- OKLab
- oklab(0.715 0.089 -0.066)
- CIE Lab
- lab(65.4 30.65 -24.18)
- LCH
- lch(65.4 39.04 321.7)
- CMYK
- cmyk(3% 32% 0% 20%)
Tints · Shades · Tones
Tints
- CB97D0
- D1A2D6
- D7AEDB
- DDB9E0
- E3C5E5
- E9D0EB
- EEDCF0
- F4E7F5
- F9F3FA
Shades
- AB78B0
- 926696
- 79547D
- 614365
- 4B324D
- 352337
- 211422
- 0E070F
- 020102
Tones
- BE8AC3
- B789BC
- B088B4
- A987AD
- A386A5
- 9C859E
- 958496
- 8E838F
- 878187
Color harmonies
Complementary +180°
- C58BCB
Violaceous
- 78B575
≈ Faded Green
Analogous -30° +30°
- C58BCB
Violaceous
- A696E2
≈ Dull Lavender
- D985A9
≈ Springtime Bloom
Triadic +120° +240°
- C58BCB
Violaceous
- C49D4A
≈ Golden Field
- 31B7C2
≈ Utopia Beckons
Split-complementary +150° +210°
- C58BCB
Violaceous
- A3AB55
≈ Stay in Lime
- 49BA9D
≈ Jolt of Jade
Tetradic +90° +180° +270°
- C58BCB
Violaceous
- D98F5E
≈ Longhorn
- 78B575
≈ Faded Green
- 52AFDD
≈ Sail Away
Contrast & accessibility
Ag
FailOn white
WCAG 2.64:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.92:1 · APCA Lc 50
Best text color: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--violaceous: #c58bcb;
--violaceous-rgb: 197 139 203;
--violaceous-oklch: oklch(0.715 0.111 323.4);
}
.element {
color: var(--violaceous);
background-color: hsl(294 38% 67%);
border-color: oklch(0.715 0.111 323.4);
}Tailwind CSS v4
@theme {
--color-violaceous: #c58bcb;
--color-violaceous-50: #ffebff;
--color-violaceous-100: #fcdcfc;
--color-violaceous-200: #edc4ee;
--color-violaceous-300: #d5a4d7;
--color-violaceous-400: #be88c4;
--color-violaceous-500: #a96bb0;
--color-violaceous-600: #8f5b95;
--color-violaceous-700: #734977;
--color-violaceous-800: #543559;
--color-violaceous-900: #3b243e;
--color-violaceous-950: #241328;
}SCSS
$violaceous: #c58bcb;
$violaceous-rgb: 197, 139, 203;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}