Color con nombre más cercano · #C692CC
#C692CC
Color con nombre más cercano: Violaceous
#C692CC (rgb(198 146 204), hsl(294 36% 69%), oklch(0.729 0.1 323)) se parece más al color con nombre Violaceous. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C692CC
oklch(0.729 0.1 323)
Conversiones de color
- HEX
- #c692cc
- RGB
- rgb(198 146 204)
- HSL
- hsl(294 36% 69%)
- HWB
- hwb(294 57% 20%)
- OKLCH
- oklch(0.729 0.1 323)
- OKLab
- oklab(0.729 0.08 -0.06)
- CIE Lab
- lab(67.15 27.5 -22.07)
- LCH
- lch(67.15 35.26 321.3)
- CMYK
- cmyk(3% 28% 0% 20%)
Tintes · Sombras · Tonos
Tintes
- CC9DD1
- D2A8D6
- D8B2DC
- DDBDE1
- E3C8E6
- E9D3EB
- EEDEF0
- F4E9F5
- F9F4FA
Sombras
- AC7EB1
- 926B97
- 7A587E
- 624665
- 4B354E
- 352537
- 211622
- 0E080F
- 020102
Tonos
- BF90C4
- B88FBD
- B18DB5
- AA8BAD
- A38AA6
- 9C889E
- 958697
- 8E848F
- 878287
Armonías de color
Complementario +180°
- C692CC
Violaceous
- 81B87E
≈ Colour Me Green
Análogo -30° +30°
- C692CC
Violaceous
- AA9CE1
≈ Dull Lavender
- D98DAD
≈ Berry Twist
Triádico +120° +240°
- C692CC
Violaceous
- C6A25A
≈ Sauterne
- 4BBAC3
≈ Sussie
Complementario dividido +150° +210°
- C692CC
Violaceous
- A8AE62
≈ April Green
- 5CBCA1
≈ Puerto Rico
Tetrádico +90° +180° +270°
- C692CC
Violaceous
- D9966B
≈ Summer’s End
- 81B87E
≈ Colour Me Green
- 61B2DC
≈ Milky Waves
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.38:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--violaceous: #c692cc;
--violaceous-rgb: 198 146 204;
--violaceous-oklch: oklch(0.729 0.1 323);
}
.element {
color: var(--violaceous);
background-color: hsl(294 36% 69%);
border-color: oklch(0.729 0.1 323);
}Tailwind CSS v4
@theme {
--color-violaceous: #c692cc;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #faddfb;
--color-violaceous-200: #ebc6ec;
--color-violaceous-300: #d2a6d4;
--color-violaceous-400: #bb8ac1;
--color-violaceous-500: #a66fac;
--color-violaceous-600: #8c5e92;
--color-violaceous-700: #704b75;
--color-violaceous-800: #523657;
--color-violaceous-900: #39253d;
--color-violaceous-950: #231427;
}SCSS
$violaceous: #c692cc;
$violaceous-rgb: 198, 146, 204;
$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);
}