Nearest named color · #C195CD
#C195CD
Nearest named color: Violaceous
#C195CD (rgb(193 149 205), hsl(287 36% 69%), oklch(0.73 0.093 318.9)) is closest to the named color Violaceous. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C195CD
oklch(0.73 0.093 318.9)
Color conversions
- HEX
- #c195cd
- RGB
- rgb(193 149 205)
- HSL
- hsl(287 36% 69%)
- HWB
- hwb(287 58% 20%)
- OKLCH
- oklch(0.73 0.093 318.9)
- OKLab
- oklab(0.73 0.07 -0.061)
- CIE Lab
- lab(67.36 24.35 -22.37)
- LCH
- lch(67.36 33.06 317.4)
- CMYK
- cmyk(6% 27% 0% 20%)
Tints · Shades · Tones
Tints
- C79FD2
- CEAAD7
- D4B4DC
- DABFE1
- E0C9E6
- E6D4EB
- EDDFF0
- F3E9F5
- F9F4FA
Shades
- A781B2
- 8F6D98
- 775A7E
- 5F4866
- 49374E
- 342638
- 201623
- 0E080F
- 020102
Tones
- BA93C5
- B491BD
- AD8FB6
- A78DAE
- A08BA6
- 9A899E
- 938797
- 8D858F
- 868288
Color harmonies
Complementary +180°
- C195CD
Violaceous
- 8AB67D
≈ Flavoparmelia Caperata
Analogous -30° +30°
- C195CD
Violaceous
- A59EDF
≈ Simply Violet
- D490B1
≈ Moonlit Mauve
Triadic +120° +240°
- C195CD
Violaceous
- C7A162
≈ Ginger Jar
- 56B9BE
≈ Sussie
Split-complementary +150° +210°
- C195CD
Violaceous
- ACAD66
≈ Organic Garden
- 68BB9D
≈ Mint Cold Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.48:1 · APCA Lc 49
Ag
AAAOn black
WCAG 8.44:1 · APCA Lc 53
Best text color: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
Code snippets
CSS
:root {
--violaceous: #c195cd;
--violaceous-rgb: 193 149 205;
--violaceous-oklch: oklch(0.73 0.093 318.9);
}
.element {
color: var(--violaceous);
background-color: hsl(287 36% 69%);
border-color: oklch(0.73 0.093 318.9);
}Tailwind CSS v4
@theme {
--color-violaceous: #c195cd;
--color-violaceous-50: #ffedff;
--color-violaceous-100: #f7defb;
--color-violaceous-200: #e7c8ed;
--color-violaceous-300: #cea8d5;
--color-violaceous-400: #b68dc2;
--color-violaceous-500: #a172ad;
--color-violaceous-600: #886092;
--color-violaceous-700: #6d4d75;
--color-violaceous-800: #4f3858;
--color-violaceous-900: #37263d;
--color-violaceous-950: #221527;
}SCSS
$violaceous: #c195cd;
$violaceous-rgb: 193, 149, 205;
$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);
}