Nearest named color · #C18FC2
#C18FC2
Nearest named color: Violaceous
#C18FC2 (rgb(193 143 194), hsl(299 29% 66%), oklch(0.715 0.092 325.8)) is closest to the named color Violaceous. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C18FC2
oklch(0.715 0.092 325.8)
Color conversions
- HEX
- #c18fc2
- RGB
- rgb(193 143 194)
- HSL
- hsl(299 29% 66%)
- HWB
- hwb(299 56% 24%)
- OKLCH
- oklch(0.715 0.092 325.8)
- OKLab
- oklab(0.715 0.076 -0.051)
- CIE Lab
- lab(65.61 25.88 -18.89)
- LCH
- lch(65.61 32.04 323.9)
- CMYK
- cmyk(1% 26% 0% 24%)
Tints · Shades · Tones
Tints
- C79AC8
- CEA5CE
- D4B0D4
- DABBDB
- E1C6E1
- E7D2E7
- EDDDED
- F3E8F3
- F9F4F9
Shades
- A77CA8
- 8F698F
- 775777
- 5F4560
- 493449
- 342434
- 201520
- 0E070E
- 020102
Tones
- BA8EBB
- B48CB5
- AE8BAE
- A78AA7
- A188A1
- 9A879A
- 948594
- 8D838D
- 878287
Color harmonies
Complementary +180°
- C18FC2
Violaceous
- 7DB380
≈ Verde
Analogous -30° +30°
- C18FC2
Violaceous
- A897D6
≈ Biloba Flower
- D18BA5
≈ Kiss
Triadic +120° +240°
- C18FC2
Violaceous
- BD9F5D
≈ Eaton Gold
- 53B3BF
≈ Aqua Verde
Split-complementary +150° +210°
- C18FC2
Violaceous
- A0AA66
≈ Spanish Olive
- 5EB6A1
≈ Keppel
Tetradic +90° +180° +270°
- C18FC2
Violaceous
- CF946A
≈ Santa Fe Sunrise
- 7DB380
≈ Verde
- 67ACD5
≈ Salem Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.63:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.97:1 · APCA Lc 51
Best text color: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--violaceous: #c18fc2;
--violaceous-rgb: 193 143 194;
--violaceous-oklch: oklch(0.715 0.092 325.8);
}
.element {
color: var(--violaceous);
background-color: hsl(299 29% 66%);
border-color: oklch(0.715 0.092 325.8);
}Tailwind CSS v4
@theme {
--color-violaceous: #c18fc2;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #f9def8;
--color-violaceous-200: #eac7e8;
--color-violaceous-300: #d2a7d0;
--color-violaceous-400: #bb8cbc;
--color-violaceous-500: #a570a7;
--color-violaceous-600: #8c5f8d;
--color-violaceous-700: #704c71;
--color-violaceous-800: #523754;
--color-violaceous-900: #39263b;
--color-violaceous-950: #231425;
}SCSS
$violaceous: #c18fc2;
$violaceous-rgb: 193, 143, 194;
$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);
}